<!DOCTYPE HTML>
<html lang="zh-CN">


<head>
    <meta charset="utf-8">
    <meta name="keywords" content="未root的手机免费搭建hexo博客并使用评论和说说, 天蝎小屋">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit|ie-stand|ie-comp">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <!-- Global site tag (gtag.js) - Google Analytics -->


    <title>未root的手机免费搭建hexo博客并使用评论和说说 | 天蝎小屋</title>
    <link rel="icon" type="image/png" href="/wuxian.png">

    <link rel="stylesheet" type="text/css" href="/libs/awesome/css/all.css">
    <link rel="stylesheet" type="text/css" href="/libs/materialize/materialize.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/aos/aos.css">
    <link rel="stylesheet" type="text/css" href="/libs/animate/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/lightGallery/css/lightgallery.min.css">
    <link rel="stylesheet" type="text/css" href="/css/matery.css">
    <link rel="stylesheet" type="text/css" href="/css/my.css">

    <script src="/libs/jquery/jquery.min.js"></script>

<link rel="alternate" href="/atom.xml" title="天蝎小屋" type="application/atom+xml">
<link rel="stylesheet" href="/css/prism-tomorrow.css" type="text/css"></head>



   <style>
    body{
       background-image: url(http://img.mm4000.com/file/e/c5/be9df169fe.jpg);
       background-repeat:no-repeat;
       background-size:cover;
       background-attachment:fixed;
    }
</style>



<body>
    <header class="navbar-fixed">
    <nav id="headNav" class="bg-color nav-transparent">
        <div id="navContainer" class="nav-wrapper container">
            <div class="brand-logo">
                <a href="/" class="waves-effect waves-light">
                    
                    <img src="/%E6%97%A0%E9%99%90%E6%98%9F.png" class="logo-img" alt="LOGO">
                    
                    <span class="logo-span">天蝎小屋</span>
                </a>
            </div>
            

<a href="#" data-target="mobile-nav" class="sidenav-trigger button-collapse"><i class="fas fa-bars"></i></a>
<ul class="right nav-menu">
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/" class="waves-effect waves-light">
      
      <i class="fas fa-home" style="zoom: 0.6;"></i>
      
      <span>首页</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/tags" class="waves-effect waves-light">
      
      <i class="fas fa-tags" style="zoom: 0.6;"></i>
      
      <span>标签</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/categories" class="waves-effect waves-light">
      
      <i class="fas fa-bookmark" style="zoom: 0.6;"></i>
      
      <span>分类</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/archives" class="waves-effect waves-light">
      
      <i class="fas fa-archive" style="zoom: 0.6;"></i>
      
      <span>归档</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/about" class="waves-effect waves-light">
      
      <i class="fas fa-user-circle" style="zoom: 0.6;"></i>
      
      <span>关于</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/contact" class="waves-effect waves-light">
      
      <i class="fas fa-comments" style="zoom: 0.6;"></i>
      
      <span>留言板</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/friends" class="waves-effect waves-light">
      
      <i class="fas fa-address-book" style="zoom: 0.6;"></i>
      
      <span>友情链接</span>
    </a>
    
  </li>
  
  <li>
    <a href="#searchModal" class="modal-trigger waves-effect waves-light">
      <i id="searchIcon" class="fas fa-search" title="搜索" style="zoom: 0.85;"></i>
    </a>
  </li>
</ul>


<div id="mobile-nav" class="side-nav sidenav">

    <div class="mobile-head bg-color">
        
        <img src="/%E6%97%A0%E9%99%90%E6%98%9F.png" class="logo-img circle responsive-img">
        
        <div class="logo-name">天蝎小屋</div>
        <div class="logo-desc">
            
            Never really desperate, only the lost of the soul.
            
        </div>
    </div>

    

    <ul class="menu-list mobile-menu-list">
        
        <li class="m-nav-item">
	  
		<a href="/" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-home"></i>
			
			首页
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/tags" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-tags"></i>
			
			标签
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/categories" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-bookmark"></i>
			
			分类
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/archives" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-archive"></i>
			
			归档
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/about" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-user-circle"></i>
			
			关于
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/contact" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-comments"></i>
			
			留言板
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/friends" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-address-book"></i>
			
			友情链接
		</a>
          
        </li>
        
        
    </ul>
</div>


        </div>

        
    </nav>

</header>

    
<script src="/libs/cryptojs/crypto-js.min.js"></script>
<script>
    (function() {
        let pwd = '';
        if (pwd && pwd.length > 0) {
            if (pwd !== CryptoJS.SHA256(prompt('请输入访问本文章的密码')).toString(CryptoJS.enc.Hex)) {
                alert('密码错误，将返回主页！');
                location.href = '/';
            }
        }
    })();
</script>




<div class="bg-cover pd-header post-cover" style="background-image: url('/medias/featureimages/11.jpg')">
    <div class="container" style="right: 0px;left: 0px;">
        <div class="row">
            <div class="col s12 m12 l12">
                <div class="brand">
                    <h1 class="description center-align post-title">未root的手机免费搭建hexo博客并使用评论和说说</h1>
                </div>
            </div>
        </div>
    </div>
</div>




<main class="post-container content">

    
    <link rel="stylesheet" href="/libs/tocbot/tocbot.css">
<style>
    #articleContent h1::before,
    #articleContent h2::before,
    #articleContent h3::before,
    #articleContent h4::before,
    #articleContent h5::before,
    #articleContent h6::before {
        display: block;
        content: " ";
        height: 100px;
        margin-top: -100px;
        visibility: hidden;
    }

    #articleContent :focus {
        outline: none;
    }

    .toc-fixed {
        position: fixed;
        top: 64px;
    }

    .toc-widget {
        width: 345px;
        padding-left: 20px;
    }

    .toc-widget .toc-title {
        margin: 35px 0 15px 0;
        padding-left: 17px;
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 1.5rem;
    }

    .toc-widget ol {
        padding: 0;
        list-style: none;
    }

    #toc-content {
        height: calc(100vh - 250px);
        overflow: auto;
    }

    #toc-content ol {
        padding-left: 10px;
    }

    #toc-content ol li {
        padding-left: 10px;
    }

    #toc-content .toc-link:hover {
        color: #42b983;
        font-weight: 700;
        text-decoration: underline;
    }

    #toc-content .toc-link::before {
        background-color: transparent;
        max-height: 25px;

        position: absolute;
        right: 23.5vw;
        display: block;
    }

    #toc-content .is-active-link {
        color: #42b983;
    }

    #floating-toc-btn {
        position: fixed;
        right: 15px;
        bottom: 76px;
        padding-top: 15px;
        margin-bottom: 0;
        z-index: 998;
    }

    #floating-toc-btn .btn-floating {
        width: 48px;
        height: 48px;
    }

    #floating-toc-btn .btn-floating i {
        line-height: 48px;
        font-size: 1.4rem;
    }
</style>
<div class="row">
    <div id="main-content" class="col s12 m12 l9">
        <!-- 文章内容详情 -->
<div id="artDetail">
    <div class="card">
        <div class="card-content article-info">
            <div class="row tag-cate">
                <div class="col s7">
                    
                    <div class="article-tag">
                        
                            <a href="/tags/git/">
                                <span class="chip bg-color">git</span>
                            </a>
                        
                            <a href="/tags/hexo/">
                                <span class="chip bg-color">hexo</span>
                            </a>
                        
                            <a href="/tags/gitee/">
                                <span class="chip bg-color">gitee</span>
                            </a>
                        
                            <a href="/tags/github/">
                                <span class="chip bg-color">github</span>
                            </a>
                        
                            <a href="/tags/leancloud/">
                                <span class="chip bg-color">leancloud</span>
                            </a>
                        
                    </div>
                    
                </div>
                <div class="col s5 right-align">
                    
                    <div class="post-cate">
                        <i class="fas fa-bookmark fa-fw icon-category"></i>
                        
                            <a href="/categories/hexo/" class="post-category">
                                hexo
                            </a>
                        
                    </div>
                    
                </div>
            </div>

            <div class="post-info">
                
                <div class="post-date info-break-policy">
                    <i class="far fa-calendar-minus fa-fw"></i>发布日期:&nbsp;&nbsp;
                    2020-11-12
                </div>
                

                
                <div class="post-date info-break-policy">
                    <i class="far fa-calendar-check fa-fw"></i>更新日期:&nbsp;&nbsp;
                    2020-11-15
                </div>
                

                
                <div class="info-break-policy">
                    <i class="far fa-file-word fa-fw"></i>文章字数:&nbsp;&nbsp;
                    14.1k
                </div>
                

                
                <div class="info-break-policy">
                    <i class="far fa-clock fa-fw"></i>阅读时长:&nbsp;&nbsp;
                    60 分
                </div>
                

                
                    <div id="busuanzi_container_page_pv" class="info-break-policy">
                        <i class="far fa-eye fa-fw"></i>阅读次数:&nbsp;&nbsp;
                        <span id="busuanzi_value_page_pv"></span>
                    </div>
				
            </div>
        </div>
        <hr class="clearfix">
        <div class="card-content article-card-content">
            <div id="articleContent">
                <link href="https://fonts.googleapis.com/css2?family=Mulish&display=swap" rel="stylesheet" media="print" onload="this.media="all""><link href="https://cdn.jsdelivr.net/gh/heson10/pic@master/css/app.min.css" rel="stylesheet"><link href="https://cdn.jsdelivr.net/gh/heson10/pic@master/css/duta.css" rel="stylesheet"><link rel="stylesheet" href="/css/Main.css"><link href="https://cdn.jsdelivr.net/gh/heson10/pic@master/css/UI.css" rel="stylesheet"><link href="https://cdn.jsdelivr.net/npm/tiny-slider@2.9.2/dist/tiny-slider.css" rel="stylesheet"><script async src="https://at.alicdn.com/t/font_1826851_x246yki7bra.js"></script><script src="https://cdn.jsdelivr.net/npm/jquery@3.5/dist/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/gh/heson10/pic@master/js/loading.js"></script><script src="https://cdn.jsdelivr.net/gh/heson10/pic@master/js/app.min.js"></script><link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;900&display=swap" rel="stylesheet" media="print" onload="this.media="all"">

<p><darkb-text>新搞到手的黑块</darkb-text></p>
<h1 id="一万字-一小时计划"><a href="#一万字-一小时计划" class="headerlink" title="一万字/一小时计划"></a>一万字/一小时计划</h1><p><strong>你可以快速下划到前言，这里的东西不一定对你有用。</strong></p>
<p><strong><em>TOC目录不会在手机上启用。（除非你开了桌面模式）</em></strong></p>
<p><em>本文不算太长。</em></p>
<h2 id="如何在手机上使用git"><a href="#如何在手机上使用git" class="headerlink" title="如何在手机上使用git"></a>如何在手机上使用git</h2><p><strong>准备工具:安卓手机一台(安卓7.0以上)，utermux</strong></p>
<p><a target="_blank" rel="noopener" href="https://pan.baidu.com/s/1nWqcYv8Htfojos21fmIrzw#/multshare/%2FUTermux%E5%8E%86%E5%8F%B2%E7%89%88%E6%9C%AC%2F/%2FTermux_%E8%87%AA%E7%94%A8%E5%8C%85%2F%E5%85%A8%E9%83%A8%E6%89%A9%E5%B1%95%E5%8C%85">ut链接，提取码mjvu</a></p>
<p>打开ut,执行以下命令:</p>
<pre class=" language-bash"><code class="language-bash"> $  pkg <span class="token function">install</span> <span class="token function">git</span></code></pre>
<p>有y/n这种提示直接选y就可以。（对于用过git的人来说，这应该是唯一的有用的地方了）</p>
<p>安装完之后使用git –version检测一下。</p>
<p>现在可以用git clone了，但是手机ssh连接gitee,github和gitlab才是本文的重点呀。其实你只要有git使用经验，这个难不倒你。</p>
<pre class=" language-bash"><code class="language-bash"> $  ssh-keygen -t rsa -C youremail@youremail.com
<span class="token comment" spellcheck="true"># 上面的命令要是生成失败就用atilo安装个debian再在debian里生成。三次回车即可生成。</span></code></pre>
<p>执行命令cat ~/.ssh/id_rsa.pub查看公匙。</p>
<p>然后注册gitee,github和gitlab账号，把公匙在设置里面添加一下。</p>
<p><strong>gitee,github和gitlab可以用一个公匙。</strong></p>
<p>添加后，在终端输入:</p>
<pre class=" language-bash"><code class="language-bash"> <span class="token comment" spellcheck="true">#Gitee</span>
 $ <span class="token function">ssh</span> -T git@gitee.com

<span class="token comment" spellcheck="true">#GitHub</span>
 $ <span class="token function">ssh</span> -T git@github.com

<span class="token comment" spellcheck="true">#Gitlab</span>
 $ <span class="token function">ssh</span> -T git@gitlab.com</code></pre>
<p>再次执行上面的命令，检查是否成功连接，如果返回以下信息，则表示添加成功:You’ve successfully authenticated, but GitHub does not provide shell access.(github的,gitee也差不多，但是gitlab的不太一样)</p>
<p> 接下来我们要设置一些信息</p>
<pre class=" language-bash"><code class="language-bash">$ <span class="token function">git</span> config --global user.name <span class="token operator">&amp;</span>quot<span class="token punctuation">;</span>yourname<span class="token operator">&amp;</span>quot<span class="token punctuation">;</span>

$ <span class="token function">git</span> config --global user.email <span class="token operator">&amp;</span>quot<span class="token punctuation">;</span>youremail@youremail.com<span class="token operator">&amp;</span>quot<span class="token punctuation">;</span></code></pre>
<p><strong>name尽量和码云或GitHub保持一致，但email必须是码云或GitHub注册时使用的邮箱。命令不分前后，没有顺序。记得去掉占位符。</strong></p>
<p>接下来你需要从远程克隆一个仓库/本地初始化一个仓库。</p>
<p>克隆:</p>
<pre class=" language-bash"><code class="language-bash"><span class="token comment" spellcheck="true">#Gitee </span>
$ <span class="token function">git</span> clone https://gitee.com/yourname/repository
 <span class="token comment" spellcheck="true">#Github</span>
 $ <span class="token function">git</span> clone https://github.com/yourname/repository.git
 <span class="token comment" spellcheck="true">#yourname 您在码云或github注册的用户名</span>
 <span class="token comment" spellcheck="true">#repository 您创建的远程仓库名称</span></code></pre>
<p>本地初始化:</p>
<pre class=" language-bash"><code class="language-bash"><span class="token comment" spellcheck="true">#Gitee</span>
$ <span class="token function">cd</span> <span class="token punctuation">[</span>仓库文件夹<span class="token punctuation">]</span> //首先在文件系统中创建一个项目文件夹，然后在Git中 <span class="token function">cd</span> 到这个工程目录
$ <span class="token function">git</span> init //初始化本地项目
$ <span class="token function">git</span> remote add origin <span class="token operator">&lt;</span>远程仓库地址<span class="token operator">></span> //绑定远程仓库
<span class="token comment" spellcheck="true">#注:地址形式为 https://gitee.com/yourname/test.git 或 git@gitee.com:yourname/test.git</span>

<span class="token comment" spellcheck="true">#Github</span>
$ <span class="token function">cd</span> <span class="token punctuation">[</span>仓库文件夹<span class="token punctuation">]</span>
$ <span class="token function">git</span> init
$ <span class="token function">git</span> remote add origin <span class="token operator">&lt;</span>远程仓库地址<span class="token operator">></span>
<span class="token comment" spellcheck="true">#注：地址形式为 https://github.com/yourname/test.git</span></code></pre>
<p>在本地进行编辑后，更新到远程仓库。</p>
<pre class=" language-bash"><code class="language-bash"><span class="token function">git</span> add <span class="token keyword">.</span>    //指定更新内容    <span class="token keyword">.</span> 表示全部更新，test.txt 表示更新指定文件
<span class="token function">git</span> commit -m <span class="token string">"一些注释说明"</span>     //添加更新说明
<span class="token function">git</span> push origin master            //执行更新操作</code></pre>
<p>最后再说两句</p>
<p>如何从远程仓库同步最新版本到本地</p>
<pre class=" language-bash"><code class="language-bash">$ <span class="token function">cd</span> <span class="token punctuation">[</span>文件夹名称<span class="token punctuation">]</span>
$ <span class="token function">git</span> pull origin master</code></pre>
<p>如何清屏</p>
<pre class=" language-bash"><code class="language-bash">$ <span class="token function">clear</span></code></pre>
<p><strong>END</strong></p>
<h2 id="未root的安卓手机使用hexo-gitee搭建博客之踩坑指南"><a href="#未root的安卓手机使用hexo-gitee搭建博客之踩坑指南" class="headerlink" title="未root的安卓手机使用hexo+gitee搭建博客之踩坑指南"></a>未root的安卓手机使用hexo+gitee搭建博客之踩坑指南</h2><p>第一个问题:css加载不出来。</p>
<p>解决方案:换我用的这个主题。</p>
<p>第二个问题:写好的markdown文件hexo g时出错</p>
<p>解决方案:如果在最后提示权限错误，应该是yaml语法加载错误的问题。hexo g时一直盯着，如果出现yaml语法错误，会有提示出现在那个markdown文件的哪里（所有yml文件和front-matter的冒号后面必须空一格）。</p>
<p>第三个问题:用git提交博客文件后部署速度慢，甚至一直转圈。</p>
<p>解决方案:安装hexo部署插件，然后hexo d</p>
<p>第四个问题:使用hexo d提交后，有时候部署时一直转圈。</p>
<p>解决方案:待会再试。</p>
<p>第五个问题:代码提交到用户名.github.io仓库（公开），开启pages失败。</p>
<p>解决方案:提交到了哪个分支？main还是master？</p>
<h2 id="我的主题配置文件"><a href="#我的主题配置文件" class="headerlink" title="我的主题配置文件"></a>我的主题配置文件</h2><p><em>敏感信息已打码</em></p>
<pre class=" language-yaml"><code class="language-yaml"><span class="token comment" spellcheck="true"># main menu navigation url and icon</span>
<span class="token comment" spellcheck="true"># 配置菜单导航的名称、路径和图标icon.</span>
<span class="token key atrule">menu</span><span class="token punctuation">:</span>
  <span class="token key atrule">Index</span><span class="token punctuation">:</span>
    <span class="token key atrule">url</span><span class="token punctuation">:</span> /
    <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>home
  <span class="token key atrule">Tags</span><span class="token punctuation">:</span>
    <span class="token key atrule">url</span><span class="token punctuation">:</span> /tags
    <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>tags
  <span class="token key atrule">Categories</span><span class="token punctuation">:</span>
    <span class="token key atrule">url</span><span class="token punctuation">:</span> /categories
    <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>bookmark
  <span class="token key atrule">Archives</span><span class="token punctuation">:</span>
    <span class="token key atrule">url</span><span class="token punctuation">:</span> /archives
    <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>archive
  <span class="token key atrule">About</span><span class="token punctuation">:</span>
    <span class="token key atrule">url</span><span class="token punctuation">:</span> /about
    <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>user<span class="token punctuation">-</span>circle
  <span class="token key atrule">Contact</span><span class="token punctuation">:</span>
    <span class="token key atrule">url</span><span class="token punctuation">:</span> /contact
    <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>comments
  <span class="token key atrule">Friends</span><span class="token punctuation">:</span>
    <span class="token key atrule">url</span><span class="token punctuation">:</span> /friends
    <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>address<span class="token punctuation">-</span>book
  <span class="token comment" spellcheck="true"># 二级菜单写法如下</span>
  <span class="token comment" spellcheck="true">#Medias:</span>
  <span class="token comment" spellcheck="true">#  icon: fas fa-list</span>
  <span class="token comment" spellcheck="true">#  children:</span>
  <span class="token comment" spellcheck="true">#    - name: Musics</span>
  <span class="token comment" spellcheck="true">#      url: /musics</span>
  <span class="token comment" spellcheck="true">#      icon: fas fa-music</span>
  <span class="token comment" spellcheck="true">#    - name: Movies</span>
  <span class="token comment" spellcheck="true">#      url: /movies</span>
  <span class="token comment" spellcheck="true">#      icon: fas fa-film</span>
  <span class="token comment" spellcheck="true">#    - name: Books</span>
  <span class="token comment" spellcheck="true">#      url: /books</span>
  <span class="token comment" spellcheck="true">#      icon: fas fa-book</span>
  <span class="token comment" spellcheck="true">#    - name: Galleries</span>
  <span class="token comment" spellcheck="true">#      url: /galleries</span>
  <span class="token comment" spellcheck="true">#      icon: fas fa-image</span>

<span class="token comment" spellcheck="true"># Website start time.</span>
<span class="token comment" spellcheck="true"># 站点运行开始时间.</span>
<span class="token key atrule">time</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">year</span><span class="token punctuation">:</span> <span class="token number">2020 </span><span class="token comment" spellcheck="true"># 年份</span>
  <span class="token key atrule">month</span><span class="token punctuation">:</span> <span class="token number">10 </span><span class="token comment" spellcheck="true"># 月份</span>
  <span class="token key atrule">date</span><span class="token punctuation">:</span> <span class="token number">08 </span><span class="token comment" spellcheck="true"># 日期</span>
  <span class="token key atrule">hour</span><span class="token punctuation">:</span> <span class="token number">12 </span><span class="token comment" spellcheck="true"># 小时</span>
  <span class="token key atrule">minute</span><span class="token punctuation">:</span> <span class="token number">26 </span><span class="token comment" spellcheck="true"># 分钟</span>
  <span class="token key atrule">second</span><span class="token punctuation">:</span> <span class="token number">33 </span><span class="token comment" spellcheck="true"># 秒</span>

<span class="token comment" spellcheck="true"># Index cover carousel configuration.</span>
<span class="token comment" spellcheck="true"># 首页封面轮播图的相关配置.</span>
<span class="token key atrule">cover</span><span class="token punctuation">:</span>
  <span class="token key atrule">showPrevNext</span><span class="token punctuation">:</span> <span class="token boolean important">true </span><span class="token comment" spellcheck="true"># 是否显示左右切换按钮. Whether to display the left and right toggle buttons.</span>
  <span class="token key atrule">showIndicators</span><span class="token punctuation">:</span> <span class="token boolean important">true </span><span class="token comment" spellcheck="true"># 是否显示指示器. # Whether to display the indicators</span>
  <span class="token key atrule">autoLoop</span><span class="token punctuation">:</span> <span class="token boolean important">true </span><span class="token comment" spellcheck="true"># 是否自动轮播. Whether it is automatically rotated.</span>
  <span class="token key atrule">duration</span><span class="token punctuation">:</span> <span class="token number">120 </span><span class="token comment" spellcheck="true"># 切换延迟时间. Switching delay time.</span>
  <span class="token key atrule">intervalTime</span><span class="token punctuation">:</span> <span class="token number">5000 </span><span class="token comment" spellcheck="true"># 自动切换下一张的间隔时间. Automatically switch the interval of the next one.</span>
  <span class="token key atrule">useConfig</span><span class="token punctuation">:</span> <span class="token boolean important">false </span><span class="token comment" spellcheck="true"># 是否使用配置文件, 在 _data/covers.json 下配置推荐文章, false则使用主题在文章中的配置 cover coverImg</span>
  <span class="token comment" spellcheck="true"># useConfig 使用方式: 将主题 hexo-theme-matery/source/_data/covers.json 移动到 my-blog/source/_data/下修改配置即可</span>

<span class="token comment" spellcheck="true"># index page dream text,</span>
<span class="token comment" spellcheck="true"># 配置首页显示"梦想"的语句.</span>
<span class="token key atrule">dream</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">showTitle</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">title</span><span class="token punctuation">:</span> 我的梦想
  <span class="token key atrule">text</span><span class="token punctuation">:</span> 我们的梦想，也许是二十岁的豪情壮志；也许是青春期的迷茫与冲动；也许只是一份平淡的渴望：渴望掌声，渴望成功。无数的“可能”，无数的“希望”，因为我们的青春岁月充满奇迹，我们心中大大小小的梦，在生活的每一个角落里芬芳弥漫。

<span class="token comment" spellcheck="true"># Whether to display the musics.</span>
<span class="token comment" spellcheck="true"># 是否在首页显示音乐.</span>
<span class="token key atrule">music</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">title</span><span class="token punctuation">:</span> <span class="token comment" spellcheck="true">#非吸底模式有效</span>
    <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
    <span class="token key atrule">show</span><span class="token punctuation">:</span> 听听音乐
  <span class="token key atrule">autoHide</span><span class="token punctuation">:</span> <span class="token boolean important">true    </span><span class="token comment" spellcheck="true"># hide automaticaly</span>
  <span class="token key atrule">server</span><span class="token punctuation">:</span> netease   <span class="token comment" spellcheck="true">#require    music platform: netease, tencent, kugou, xiami, baidu</span>
  <span class="token key atrule">type</span><span class="token punctuation">:</span> playlist    <span class="token comment" spellcheck="true">#require song, playlist, album, search, artist</span>
  <span class="token key atrule">id</span><span class="token punctuation">:</span> <span class="token number">503838841     </span><span class="token comment" spellcheck="true">#require    song id / playlist id / album id / search keyword</span>
  <span class="token key atrule">fixed</span><span class="token punctuation">:</span> <span class="token boolean important">true       </span><span class="token comment" spellcheck="true"># 开启吸底模式</span>
  <span class="token key atrule">autoplay</span><span class="token punctuation">:</span> <span class="token boolean important">false   </span><span class="token comment" spellcheck="true"># 是否自动播放</span>
  <span class="token key atrule">theme</span><span class="token punctuation">:</span> '<span class="token comment" spellcheck="true">#42b983'</span>
  <span class="token key atrule">loop</span><span class="token punctuation">:</span> <span class="token string">'all'</span>       <span class="token comment" spellcheck="true"># 音频循环播放, 可选值: 'all', 'one', 'none'</span>
  <span class="token key atrule">order</span><span class="token punctuation">:</span> <span class="token string">'random'</span>   <span class="token comment" spellcheck="true"># 音频循环顺序, 可选值: 'list', 'random'</span>
  <span class="token key atrule">preload</span><span class="token punctuation">:</span> <span class="token string">'auto'</span>   <span class="token comment" spellcheck="true"># 预加载，可选值: 'none', 'metadata', 'auto'</span>
  <span class="token key atrule">volume</span><span class="token punctuation">:</span> <span class="token number">0.7       </span><span class="token comment" spellcheck="true"># 默认音量，请注意播放器会记忆用户设置，用户手动设置音量后默认音量即失效</span>
  <span class="token key atrule">listFolded</span><span class="token punctuation">:</span> <span class="token boolean important">true  </span><span class="token comment" spellcheck="true"># 列表默认折叠</span>
  <span class="token key atrule">hideLrc</span><span class="token punctuation">:</span> <span class="token boolean important">true     </span><span class="token comment" spellcheck="true"># 隐藏歌词</span>

<span class="token comment" spellcheck="true"># Whether to display the videos.</span>
<span class="token comment" spellcheck="true"># 是否在首页显示视频.</span>
<span class="token key atrule">video</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">showTitle</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">title</span><span class="token punctuation">:</span> 精彩视频
  <span class="token key atrule">url</span><span class="token punctuation">:</span> <span class="token comment" spellcheck="true"># 必填</span>
  <span class="token key atrule">pic</span><span class="token punctuation">:</span>
  <span class="token key atrule">thumbnails</span><span class="token punctuation">:</span>
  <span class="token key atrule">height</span><span class="token punctuation">:</span> <span class="token comment" spellcheck="true"># 如：400</span>
  <span class="token key atrule">autoplay</span><span class="token punctuation">:</span> <span class="token boolean important">false </span><span class="token comment" spellcheck="true"># 是否自动播放</span>
  <span class="token key atrule">theme</span><span class="token punctuation">:</span> '<span class="token comment" spellcheck="true">#42b983'</span>
  <span class="token key atrule">loop</span><span class="token punctuation">:</span> <span class="token boolean important">false </span><span class="token comment" spellcheck="true"># 是否循环播放</span>
  <span class="token key atrule">preload</span><span class="token punctuation">:</span> <span class="token string">'auto'</span> <span class="token comment" spellcheck="true"># 预加载，可选值: 'none', 'metadata', 'auto'</span>
  <span class="token key atrule">volume</span><span class="token punctuation">:</span> <span class="token number">0.7</span>

<span class="token comment" spellcheck="true"># Whether to display the title of the recommended posts</span>
<span class="token comment" spellcheck="true"># 是否显示推荐文章的标题</span>
<span class="token key atrule">recommend</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">showTitle</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">useConfig</span><span class="token punctuation">:</span> <span class="token boolean important">false </span><span class="token comment" spellcheck="true"># 是否使用配置文件, 在 _data/recommends.json 下配置推荐文章, false则会走主题配置的 top 属性</span>
  <span class="token comment" spellcheck="true"># useConfig 使用方式: 将主题 hexo-theme-matery/source/_data/recommends.json 移动到 my-blog/source/_data/下修改配置即可</span>

<span class="token comment" spellcheck="true"># Configure website favicon and LOGO</span>
<span class="token comment" spellcheck="true"># 配置网站favicon和网站LOGO</span>
<span class="token key atrule">favicon</span><span class="token punctuation">:</span> /favicon.png
<span class="token key atrule">logo</span><span class="token punctuation">:</span> /medias/logo.png

<span class="token comment" spellcheck="true"># The configuration of the second button in the home banner,</span>
<span class="token comment" spellcheck="true"># including the display name of the button, the font awesome icon, and the hyperlink to the button.</span>
<span class="token comment" spellcheck="true"># 首页 banner 中的第二个按钮的配置，包括按钮的显示名称、font awesome图标和按钮的超链接.</span>
<span class="token key atrule">indexbtn</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">name</span><span class="token punctuation">:</span> 获取主题
  <span class="token key atrule">icon</span><span class="token punctuation">:</span> fab fa<span class="token punctuation">-</span>github<span class="token punctuation">-</span>alt
  <span class="token key atrule">url</span><span class="token punctuation">:</span> https<span class="token punctuation">:</span>//github.com/blinkfox/hexo<span class="token punctuation">-</span>theme<span class="token punctuation">-</span>matery

<span class="token comment" spellcheck="true"># The configurations of the second line of home banner</span>
<span class="token comment" spellcheck="true"># icon/button will not show up if you leave the corresponding socialLink empty</span>
<span class="token comment" spellcheck="true"># 首页 banner 中的第二行个人信息配置，留空即不启用</span>
<span class="token key atrule">socialLink</span><span class="token punctuation">:</span>
  <span class="token key atrule">github</span><span class="token punctuation">:</span>  https<span class="token punctuation">:</span>//github.com/txmu
  <span class="token key atrule">email</span><span class="token punctuation">:</span> wskkkhs@163.com
  <span class="token key atrule">facebook</span><span class="token punctuation">:</span> <span class="token comment" spellcheck="true"># https://www.facebook.com/xxx</span>
  <span class="token key atrule">twitter</span><span class="token punctuation">:</span> <span class="token comment" spellcheck="true"># https://twitter.com/xxx</span>
  <span class="token key atrule">qq</span><span class="token punctuation">:</span> <span class="token number">3279366915</span>
  <span class="token key atrule">weibo</span><span class="token punctuation">:</span> <span class="token comment" spellcheck="true"># https://weibo.com/xxx</span>
  <span class="token key atrule">zhihu</span><span class="token punctuation">:</span> <span class="token comment" spellcheck="true"># https://www.zhihu.com/xxx</span>
  <span class="token key atrule">rss</span><span class="token punctuation">:</span> <span class="token boolean important">true </span><span class="token comment" spellcheck="true"># true、false</span>

<span class="token comment" spellcheck="true"># Whether to activate the Post TOC, and Configure which title types are supported by TOC support.</span>
<span class="token comment" spellcheck="true"># You can add `toc: false` to the Front-matter of a post to turn off the TOC.</span>
<span class="token comment" spellcheck="true"># 是否激活文章 TOC 功能，并配置TOC支持选中哪些标题类型，这是全局配置。</span>
<span class="token comment" spellcheck="true"># 可以在某篇文章的 Front-matter 中再加上`toc: false`，使该篇文章关闭TOC目录功能</span>
<span class="token key atrule">toc</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">heading</span><span class="token punctuation">:</span> h1<span class="token punctuation">,</span> h2<span class="token punctuation">,</span> h3<span class="token punctuation">,</span> h4<span class="token punctuation">,</span> h5<span class="token punctuation">,</span> h6
  <span class="token key atrule">collapseDepth</span><span class="token punctuation">:</span> <span class="token number">0 </span><span class="token comment" spellcheck="true"># 目录默认展开层级</span>
  <span class="token key atrule">showToggleBtn</span><span class="token punctuation">:</span> <span class="token boolean important">true </span><span class="token comment" spellcheck="true"># 是否显示切换TOC目录展开收缩的按钮</span>

<span class="token comment" spellcheck="true"># 代码块相关</span>
<span class="token key atrule">code</span><span class="token punctuation">:</span>
  <span class="token key atrule">lang</span><span class="token punctuation">:</span> <span class="token boolean important">false </span><span class="token comment" spellcheck="true"># 代码块是否显示名称</span>
  <span class="token key atrule">copy</span><span class="token punctuation">:</span> <span class="token boolean important">true </span><span class="token comment" spellcheck="true"># 代码块是否可复制</span>
  <span class="token key atrule">shrink</span><span class="token punctuation">:</span> <span class="token boolean important">true </span><span class="token comment" spellcheck="true"># 代码块是否可以收缩</span>
  <span class="token key atrule">break</span><span class="token punctuation">:</span> <span class="token boolean important">false </span><span class="token comment" spellcheck="true"># 代码是否折行</span>

<span class="token comment" spellcheck="true"># 是否激活文章末尾的打赏功能，默认激活（你替换为的你自己的微信、支付宝二维码图片、或者使用网络图片也可以）.</span>
<span class="token key atrule">reward</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">title</span><span class="token punctuation">:</span> 你的赏识是我前进的动力
  <span class="token key atrule">wechat</span><span class="token punctuation">:</span> /medias/reward/wechat.png
  <span class="token key atrule">alipay</span><span class="token punctuation">:</span> /medias/reward/alipay.jpg

<span class="token comment" spellcheck="true"># Whether to activate the copyright information of the blog and author when copying the post content.</span>
<span class="token comment" spellcheck="true"># minCharNumber: Approve copyright information by copying at least how many characters.</span>
<span class="token comment" spellcheck="true"># 是否激活复制文章时追加博客和作者的版权信息.</span>
<span class="token key atrule">copyright</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">minCharNumber</span><span class="token punctuation">:</span> <span class="token number">120 </span><span class="token comment" spellcheck="true"># 至少复制多少个字符就追加版权信息.</span>
  <span class="token key atrule">description</span><span class="token punctuation">:</span> 本文章著作权归作者所有，任何形式的转载都请注明出处。

<span class="token comment" spellcheck="true"># Whether to activate the mathjax, this is a global configuration, but the post still does not open the mathjax rendering.</span>
<span class="token comment" spellcheck="true"># Considering that the mathjax loading is time consuming,</span>
<span class="token comment" spellcheck="true"># you also need to add `mathjax: true` to the Front-matter of the post that needs to be rendered.</span>
<span class="token comment" spellcheck="true"># 是否激活mathjax数学公式，这是全局配置，但文章仍然不会都开启mathjax渲染，</span>
<span class="token comment" spellcheck="true"># 考虑到mathjax加载比较耗时，你还需要在需要渲染的文章的Front-matter中再加上`mathjax: true`才行.</span>
<span class="token key atrule">mathjax</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">cdn</span><span class="token punctuation">:</span> https<span class="token punctuation">:</span>//cdn.bootcss.com/mathjax/2.7.5/MathJax.js<span class="token punctuation">?</span>config=TeX<span class="token punctuation">-</span>AMS<span class="token punctuation">-</span>MML_HTMLorMML

<span class="token comment" spellcheck="true"># Post word count, reading duration, site total word count.</span>
<span class="token comment" spellcheck="true"># Before you activate, please confirm that you have installed the hexo-wordcount plugin,</span>
<span class="token comment" spellcheck="true"># install the plugin command: `npm i --save hexo-wordcount`.</span>
<span class="token comment" spellcheck="true"># 文章字数统计、阅读时长、总字数统计等</span>
<span class="token comment" spellcheck="true"># 文章信息--若要开启文章字数统计，需要安装 hexo-wordcount 插件，安装命令: `npm i --save hexo-wordcount`</span>
<span class="token key atrule">postInfo</span><span class="token punctuation">:</span>
  <span class="token key atrule">date</span><span class="token punctuation">:</span> <span class="token boolean important">true </span><span class="token comment" spellcheck="true"># 发布日期</span>
  <span class="token key atrule">update</span><span class="token punctuation">:</span> <span class="token boolean important">true </span><span class="token comment" spellcheck="true"># 更新日期</span>
  <span class="token key atrule">wordCount</span><span class="token punctuation">:</span> <span class="token boolean important">true </span><span class="token comment" spellcheck="true"># 文章字数统计</span>
  <span class="token key atrule">totalCount</span><span class="token punctuation">:</span> <span class="token boolean important">true </span><span class="token comment" spellcheck="true"># 站点总文章字数</span>
  <span class="token key atrule">min2read</span><span class="token punctuation">:</span> <span class="token boolean important">true </span><span class="token comment" spellcheck="true"># 文章阅读时长</span>
  <span class="token key atrule">readCount</span><span class="token punctuation">:</span> <span class="token boolean important">true </span><span class="token comment" spellcheck="true"># 文章阅读次数</span>

<span class="token comment" spellcheck="true"># Whether to activate the 'love' effect of clicking on the page.</span>
<span class="token comment" spellcheck="true"># 是否激活点击页面的'爱心'效果，默认激活.</span>
<span class="token key atrule">clicklove</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>

<span class="token comment" spellcheck="true"># profile in about page, including avatars, career, and personal introductions.</span>
<span class="token comment" spellcheck="true"># 在”关于”页面中配置个人信息，包括头像、职业和个人介绍.</span>
<span class="token key atrule">profile</span><span class="token punctuation">:</span>
  <span class="token key atrule">avatar</span><span class="token punctuation">:</span> /medias/txmu.jpg
  <span class="token key atrule">career</span><span class="token punctuation">:</span> Software Engineer
  <span class="token key atrule">introduction</span><span class="token punctuation">:</span> If you wish to succeed<span class="token punctuation">,</span> you should use persistence as your good friend<span class="token punctuation">,</span> experience as your reference<span class="token punctuation">,</span> prudence as your brother and hope as your sentry.

<span class="token comment" spellcheck="true"># config my projects informations in about page.</span>
<span class="token comment" spellcheck="true"># If you don't want to display this `My Projects` content, you can deactivate or delete this configuration.</span>
<span class="token comment" spellcheck="true"># 在“关于”页面配置"我的项目"信息，如果你不需要这些信息则可以将其设置为不激活或者将其删除.</span>
<span class="token key atrule">myProjects</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">data</span><span class="token punctuation">:</span>
    <span class="token key atrule">hexo-theme-matery</span><span class="token punctuation">:</span>
      <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>file<span class="token punctuation">-</span>alt
      <span class="token key atrule">iconBackground</span><span class="token punctuation">:</span> 'linear<span class="token punctuation">-</span>gradient(to bottom right<span class="token punctuation">,</span> <span class="token comment" spellcheck="true">#66BB6A 0%, #81C784 100%)'</span>
      <span class="token key atrule">url</span><span class="token punctuation">:</span> http<span class="token punctuation">:</span>//github.com/blinkfox/hexo<span class="token punctuation">-</span>theme<span class="token punctuation">-</span>matery
      <span class="token key atrule">desc</span><span class="token punctuation">:</span> This is a Hexo blog theme with 'Material Design' and responsive design.
    <span class="token key atrule">Fenix</span><span class="token punctuation">:</span>
        <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>database
        <span class="token key atrule">iconBackground</span><span class="token punctuation">:</span> 'linear<span class="token punctuation">-</span>gradient(to bottom right<span class="token punctuation">,</span> <span class="token comment" spellcheck="true">#F06292 0%, #EF5350 100%)'</span>
        <span class="token key atrule">url</span><span class="token punctuation">:</span> https<span class="token punctuation">:</span>//github.com/blinkfox/fenix
        <span class="token key atrule">desc</span><span class="token punctuation">:</span> 这是 Spring Data JPA 复杂或动态 SQL 查询的扩展库。
    <span class="token key atrule">typora-vue-theme</span><span class="token punctuation">:</span>
        <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>file<span class="token punctuation">-</span>alt
        <span class="token key atrule">iconBackground</span><span class="token punctuation">:</span> 'linear<span class="token punctuation">-</span>gradient(to bottom right<span class="token punctuation">,</span> <span class="token comment" spellcheck="true">#29B6F6 0%, #1E88E5 100%)'</span>
        <span class="token key atrule">url</span><span class="token punctuation">:</span> https<span class="token punctuation">:</span>//github.com/blinkfox/typora<span class="token punctuation">-</span>vue<span class="token punctuation">-</span>theme
        <span class="token key atrule">desc</span><span class="token punctuation">:</span> This is a typora theme inspired by Vue document style.

<span class="token comment" spellcheck="true"># config my skills informations in about page.</span>
<span class="token comment" spellcheck="true"># If you don't want to display this `My Skills` content, you can deactivate or delete this configuration.</span>
<span class="token comment" spellcheck="true"># 在“关于”页面配置"我的技能"信息，如果你不需要这些信息则可以将其设置为不激活或者将其删除.</span>
<span class="token key atrule">mySkills</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">data</span><span class="token punctuation">:</span>
    <span class="token key atrule">Java</span><span class="token punctuation">:</span>
      <span class="token key atrule">background</span><span class="token punctuation">:</span> 'linear<span class="token punctuation">-</span>gradient(to right<span class="token punctuation">,</span> <span class="token comment" spellcheck="true">#FF0066 0%, #FF00CC 100%)'</span>
      <span class="token key atrule">percent</span><span class="token punctuation">:</span> 85%
    <span class="token key atrule">JavaScript</span><span class="token punctuation">:</span>
      <span class="token key atrule">background</span><span class="token punctuation">:</span> 'linear<span class="token punctuation">-</span>gradient(to right<span class="token punctuation">,</span> <span class="token comment" spellcheck="true">#9900FF 0%, #CC66FF 100%)'</span>
      <span class="token key atrule">percent</span><span class="token punctuation">:</span> 80%
    <span class="token key atrule">HTML5</span><span class="token punctuation">:</span>
      <span class="token key atrule">background</span><span class="token punctuation">:</span> 'linear<span class="token punctuation">-</span>gradient(to right<span class="token punctuation">,</span> <span class="token comment" spellcheck="true">#2196F3 0%, #42A5F5 100%)'</span>
      <span class="token key atrule">percent</span><span class="token punctuation">:</span> 80%
    <span class="token key atrule">CSS</span><span class="token punctuation">:</span>
      <span class="token key atrule">background</span><span class="token punctuation">:</span> 'linear<span class="token punctuation">-</span>gradient(to right<span class="token punctuation">,</span> <span class="token comment" spellcheck="true">#00BCD4 0%, #80DEEA 100%)'</span>
      <span class="token key atrule">percent</span><span class="token punctuation">:</span> 70%
    <span class="token key atrule">SQL</span><span class="token punctuation">:</span>
      <span class="token key atrule">background</span><span class="token punctuation">:</span> 'linear<span class="token punctuation">-</span>gradient(to right<span class="token punctuation">,</span> <span class="token comment" spellcheck="true">#4CAF50 0%, #81C784 100%)'</span>
      <span class="token key atrule">percent</span><span class="token punctuation">:</span> 90%
    <span class="token key atrule">程序设计</span><span class="token punctuation">:</span>
      <span class="token key atrule">background</span><span class="token punctuation">:</span> 'linear<span class="token punctuation">-</span>gradient(to right<span class="token punctuation">,</span> <span class="token comment" spellcheck="true">#FFEB3B 0%, #FFF176 100%)'</span>
      <span class="token key atrule">percent</span><span class="token punctuation">:</span> 75%

<span class="token comment" spellcheck="true"># config gallery of my photos in about page.</span>
<span class="token comment" spellcheck="true"># If you don't want to display this `Gallery` content, you can deactivate or delete this configuration.</span>
<span class="token comment" spellcheck="true"># 在“关于”页面配置"我的相册"图片，如果你不需要这些信息则可以将其设置为不激活或者将其删除.</span>
<span class="token key atrule">myGallery</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">data</span><span class="token punctuation">:</span>
    <span class="token punctuation">-</span> /medias/featureimages/0.jpg
    <span class="token punctuation">-</span> /medias/featureimages/1.jpg
    <span class="token punctuation">-</span> /medias/featureimages/2.jpg

<span class="token comment" spellcheck="true"># Whether to display post-calender in the `archive` page</span>
<span class="token comment" spellcheck="true"># 设置在归档页面中是否显示'文章日历'控件</span>
<span class="token key atrule">postCalendar</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>

<span class="token comment" spellcheck="true"># the Gitalk config，default disabled</span>
<span class="token comment" spellcheck="true"># Gitalk 评论模块的配置，默认为不激活</span>
<span class="token key atrule">gitalk</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">owner</span><span class="token punctuation">:</span>
  <span class="token key atrule">repo</span><span class="token punctuation">:</span>
  <span class="token key atrule">oauth</span><span class="token punctuation">:</span>
    <span class="token key atrule">clientId</span><span class="token punctuation">:</span>
    <span class="token key atrule">clientSecret</span><span class="token punctuation">:</span>
  <span class="token key atrule">admin</span><span class="token punctuation">:</span>

<span class="token comment" spellcheck="true"># the Gitment config，default disabled</span>
<span class="token comment" spellcheck="true"># Gitment 评论模块的配置，默认为不激活</span>
<span class="token key atrule">gitment</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">owner</span><span class="token punctuation">:</span>
  <span class="token key atrule">repo</span><span class="token punctuation">:</span>
  <span class="token key atrule">oauth</span><span class="token punctuation">:</span>
    <span class="token key atrule">clientId</span><span class="token punctuation">:</span>
    <span class="token key atrule">clientSecret</span><span class="token punctuation">:</span>

<span class="token comment" spellcheck="true"># disqus config, default disabled</span>
<span class="token comment" spellcheck="true"># Disqus评论模块的配置，默认为不激活</span>
<span class="token key atrule">disqus</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">shortname</span><span class="token punctuation">:</span>

<span class="token comment" spellcheck="true"># Livere comment configuration, the default is not activated</span>
<span class="token comment" spellcheck="true"># Livere 来必力评论模块的配置，默认为不激活</span>
<span class="token key atrule">livere</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">uid</span><span class="token punctuation">:</span>

<span class="token comment" spellcheck="true"># The configuration of the Valine comment module is not activated by default.</span>
<span class="token comment" spellcheck="true"># To use it, activate the configuration item and set appId and appKey.</span>
<span class="token comment" spellcheck="true"># Valine 评论模块的配置，默认为不激活，如要使用，就请激活该配置项，并设置 appId 和 appKey.</span>
<span class="token key atrule">valine</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">appId</span><span class="token punctuation">:</span> mlaQQkOrUoPtscRUtQO1TwhE<span class="token punctuation">-</span>MdYXbMMI
  <span class="token key atrule">appKey</span><span class="token punctuation">:</span> VHSs9ak5YckipGmNzNEtBWc7
  <span class="token key atrule">notify</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">verify</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">visitor</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">avatar</span><span class="token punctuation">:</span> <span class="token string">'mm'</span> <span class="token comment" spellcheck="true"># Gravatar style : mm/identicon/monsterid/wavatar/retro/hide</span>
  <span class="token key atrule">pageSize</span><span class="token punctuation">:</span> <span class="token number">10</span>
  <span class="token key atrule">placeholder</span><span class="token punctuation">:</span> <span class="token string">'just go go'</span> <span class="token comment" spellcheck="true"># Comment Box placeholder</span>
  <span class="token key atrule">background</span><span class="token punctuation">:</span> /medias/comment_bg.png

<span class="token comment" spellcheck="true"># The configuration of the MiniValine comment module is not activated by default.</span>
<span class="token comment" spellcheck="true"># To use it, activate the configuration item and set appId and appKey.</span>
<span class="token comment" spellcheck="true"># MiniValine 评论模块的配置，默认为不激活，如要使用，就请激活该配置项，并设置 appId 和 appKey.</span>
<span class="token comment" spellcheck="true"># See: https://github.com/MiniValine/MiniValine</span>
<span class="token key atrule">minivaline</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">appId</span><span class="token punctuation">:</span> 
  <span class="token key atrule">appKey</span><span class="token punctuation">:</span> 
  <span class="token key atrule">mode</span><span class="token punctuation">:</span> xCss <span class="token comment" spellcheck="true"># DesertsP or xCss</span>
  <span class="token key atrule">placeholder</span><span class="token punctuation">:</span> Write a Comment <span class="token comment" spellcheck="true"># Comment box placeholder</span>
  <span class="token key atrule">math</span><span class="token punctuation">:</span> <span class="token boolean important">true </span><span class="token comment" spellcheck="true"># Support MathJax.</span>
  <span class="token key atrule">md</span><span class="token punctuation">:</span> <span class="token boolean important">true </span><span class="token comment" spellcheck="true"># Support Markdown.</span>
  <span class="token key atrule">enableQQ</span><span class="token punctuation">:</span> <span class="token boolean important">false </span><span class="token comment" spellcheck="true"># Enable QQ avatar API.</span>
  <span class="token key atrule">NoRecordIP</span><span class="token punctuation">:</span> <span class="token boolean important">false </span><span class="token comment" spellcheck="true"># Do not record commenter IP.</span>
  <span class="token key atrule">visitor</span><span class="token punctuation">:</span> <span class="token boolean important">false </span><span class="token comment" spellcheck="true"># Article reading statistics.</span>
  <span class="token key atrule">maxNest</span><span class="token punctuation">:</span> <span class="token number">6 </span><span class="token comment" spellcheck="true"># Sub-comment maximum nesting depth.</span>
  <span class="token key atrule">pageSize</span><span class="token punctuation">:</span> <span class="token number">6 </span><span class="token comment" spellcheck="true"># Pagination size.</span>
  <span class="token key atrule">adminEmailMd5</span><span class="token punctuation">:</span>  86251ccf47d0f84663f6fe544807ff9b <span class="token comment" spellcheck="true"># The MD5 of Admin Email to show Admin Flag.[Just Only DesertsP Style mode]</span>
  <span class="token key atrule">tagMeta</span><span class="token punctuation">:</span> <span class="token comment" spellcheck="true"># The String Array of Words to show Flag.[Just Only xCss Style mode]</span>
    <span class="token punctuation">-</span> 管理员
    <span class="token punctuation">-</span> 小伙伴
    <span class="token punctuation">-</span> 访客
  <span class="token key atrule">master</span><span class="token punctuation">:</span> <span class="token comment" spellcheck="true"># The MD5 String Array of master Email to show master Flag.[Just Only xCss Style mode]</span>
    <span class="token punctuation">-</span> de8a7aa53d07e6b6bceb45c64027763d
  <span class="token key atrule">friends</span><span class="token punctuation">:</span> <span class="token comment" spellcheck="true"># The MD5 String Array of friends Email to show friends Flag.[Just Only xCss Style mode]</span>
    <span class="token punctuation">-</span> b5bd5d836c7a0091aa8473e79ed4c25e
    <span class="token punctuation">-</span> adb7d1cd192658a55c0ad22a3309cecf
    <span class="token punctuation">-</span> 3ce1e6c77b4910f1871106cb30dc62b0
    <span class="token punctuation">-</span> cfce8dc43725cc14ffcd9fb4892d5bfc
  <span class="token comment" spellcheck="true"># MiniValine's display language depends on user's browser or system environment</span>
  <span class="token comment" spellcheck="true"># If you want everyone visiting your site to see a uniform language, you can set a force language value</span>
  <span class="token comment" spellcheck="true"># Available values: en  | zh-CN | (and many more)</span>
  <span class="token comment" spellcheck="true"># More i18n info: https://github.com/MiniValine/minivaline-i18n</span>
  <span class="token key atrule">lang</span><span class="token punctuation">:</span>
  <span class="token comment" spellcheck="true"># Expression Url.</span>
  <span class="token comment" spellcheck="true"># https://github.com/MiniValine/MiniValine/blob/master/.github/FAQ.md#how-to-customize-emoticons</span>
  <span class="token key atrule">emoticonUrl</span><span class="token punctuation">:</span>
    <span class="token punctuation">-</span> https<span class="token punctuation">:</span>//cdn.jsdelivr.net/npm/alus@latest
    <span class="token punctuation">-</span> https<span class="token punctuation">:</span>//cdn.jsdelivr.net/gh/MiniValine/qq@latest
    <span class="token punctuation">-</span> https<span class="token punctuation">:</span>//cdn.jsdelivr.net/gh/MiniValine/Bilibilis@latest
    <span class="token punctuation">-</span> https<span class="token punctuation">:</span>//cdn.jsdelivr.net/gh/MiniValine/tieba@latest
    <span class="token punctuation">-</span> https<span class="token punctuation">:</span>//cdn.jsdelivr.net/gh/MiniValine/twemoji@latest
    <span class="token punctuation">-</span> https<span class="token punctuation">:</span>//cdn.jsdelivr.net/gh/MiniValine/weibo@latest

<span class="token comment" spellcheck="true"># Whether to display fork me on github icon and link, default true, You can change it to your repo address</span>
<span class="token comment" spellcheck="true"># 配置是否在 header 中显示 fork me on github 的图标，默认为true，你可以修改为你的仓库地址.</span>
<span class="token key atrule">githubLink</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">url</span><span class="token punctuation">:</span> https<span class="token punctuation">:</span>//github.com/blinkfox/hexo<span class="token punctuation">-</span>theme<span class="token punctuation">-</span>matery
  <span class="token key atrule">title</span><span class="token punctuation">:</span> Fork Me

<span class="token comment" spellcheck="true"># The password verification feature of read post. To use this feature,</span>
<span class="token comment" spellcheck="true"># activate the configuration item and write the 'password' key and Cipher in the post's Front-matter.</span>
<span class="token comment" spellcheck="true"># Note: In order to ensure that the original password will not be leaked to the web page,</span>
<span class="token comment" spellcheck="true"># the password of the article must be encrypted by 'SHA256' so that it will not be cracked.</span>
<span class="token comment" spellcheck="true"># 阅读文章的密码验证功能，如要使用此功能请激活该配置项，并在对应文章的Front-matter中写上'password'的键和加密后的密文即可.</span>
<span class="token comment" spellcheck="true"># 请注意：为了保证密码原文不会被泄露到网页中，文章的密码必须是通过'SHA256'加密的，这样就不会被破解.</span>
<span class="token key atrule">verifyPassword</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">promptMessage</span><span class="token punctuation">:</span> 请输入访问本文章的密码
  <span class="token key atrule">errorMessage</span><span class="token punctuation">:</span> 密码错误，将返回主页！

<span class="token comment" spellcheck="true"># busuanzi(http://busuanzi.ibruce.info/) website statistics</span>
<span class="token comment" spellcheck="true"># 不蒜子(http://busuanzi.ibruce.info/) 网站统计</span>
<span class="token key atrule">busuanziStatistics</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">totalTraffic</span><span class="token punctuation">:</span> <span class="token boolean important">true </span><span class="token comment" spellcheck="true"># 总访问量</span>
  <span class="token key atrule">totalNumberOfvisitors</span><span class="token punctuation">:</span> <span class="token boolean important">true </span><span class="token comment" spellcheck="true"># 总人次</span>

<span class="token comment" spellcheck="true"># Add google analytics configuration</span>
<span class="token comment" spellcheck="true"># 添加 Google Analytics 配置</span>
<span class="token key atrule">googleAnalytics</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">id</span><span class="token punctuation">:</span>

<span class="token comment" spellcheck="true"># Add baidu analytics configuration</span>
<span class="token comment" spellcheck="true"># 添加 baidu Analytics 配置</span>
<span class="token key atrule">baiduAnalytics</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">id</span><span class="token punctuation">:</span>

<span class="token comment" spellcheck="true"># 百度搜索资源平台提交链接</span>
<span class="token key atrule">baiduPush</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>

<span class="token comment" spellcheck="true"># The used front-end library can be replaced with the corresponding CDN address as needed,</span>
<span class="token comment" spellcheck="true"># If the specific version is not specified below, you can use the latest version.</span>
<span class="token comment" spellcheck="true"># 使用到的前端库，可按需替换成对应的CDN地址，如果下面未指定具体的版本号，使用最新的版本即可.</span>
<span class="token comment" spellcheck="true"># 注：jsdelivr可以自动帮你生成.min版的js和css，所以你在设置js及css路径中可以直接写.min.xxx</span>
<span class="token key atrule">libs</span><span class="token punctuation">:</span>
  <span class="token key atrule">css</span><span class="token punctuation">:</span>
    <span class="token key atrule">matery</span><span class="token punctuation">:</span> /css/matery.css
    <span class="token key atrule">mycss</span><span class="token punctuation">:</span> /css/my.css
    <span class="token key atrule">fontAwesome</span><span class="token punctuation">:</span> /libs/awesome/css/all.css <span class="token comment" spellcheck="true"># V5.11.1</span>
    <span class="token key atrule">materialize</span><span class="token punctuation">:</span> /libs/materialize/materialize.min.css <span class="token comment" spellcheck="true"># 1.0.0</span>
    <span class="token key atrule">aos</span><span class="token punctuation">:</span> /libs/aos/aos.css
    <span class="token key atrule">animate</span><span class="token punctuation">:</span> /libs/animate/animate.min.css <span class="token comment" spellcheck="true"># V3.5.1</span>
    <span class="token key atrule">lightgallery</span><span class="token punctuation">:</span> /libs/lightGallery/css/lightgallery.min.css <span class="token comment" spellcheck="true"># V1.6.11</span>
    <span class="token key atrule">aplayer</span><span class="token punctuation">:</span> /libs/aplayer/APlayer.min.css
    <span class="token key atrule">dplayer</span><span class="token punctuation">:</span> /libs/dplayer/DPlayer.min.css
    <span class="token key atrule">gitalk</span><span class="token punctuation">:</span> /libs/gitalk/gitalk.css
    <span class="token key atrule">jqcloud</span><span class="token punctuation">:</span> /libs/jqcloud/jqcloud.css
    <span class="token key atrule">tocbot</span><span class="token punctuation">:</span> /libs/tocbot/tocbot.css
  <span class="token key atrule">js</span><span class="token punctuation">:</span>
    <span class="token key atrule">matery</span><span class="token punctuation">:</span> /js/matery.js
    <span class="token key atrule">search</span><span class="token punctuation">:</span> /js/search.js
    <span class="token key atrule">jquery</span><span class="token punctuation">:</span> /libs/jquery/jquery.min.js
    <span class="token key atrule">materialize</span><span class="token punctuation">:</span> /libs/materialize/materialize.min.js <span class="token comment" spellcheck="true"># 1.0.0</span>
    <span class="token key atrule">masonry</span><span class="token punctuation">:</span> /libs/masonry/masonry.pkgd.min.js <span class="token comment" spellcheck="true"># v4.0.0</span>
    <span class="token key atrule">aos</span><span class="token punctuation">:</span> /libs/aos/aos.js
    <span class="token key atrule">scrollProgress</span><span class="token punctuation">:</span> /libs/scrollprogress/scrollProgress.min.js
    <span class="token key atrule">lightgallery</span><span class="token punctuation">:</span> /libs/lightGallery/js/lightgallery<span class="token punctuation">-</span>all.min.js <span class="token comment" spellcheck="true"># V1.6.11</span>
    <span class="token key atrule">clicklove</span><span class="token punctuation">:</span> /libs/others/clicklove.js
    <span class="token key atrule">busuanzi</span><span class="token punctuation">:</span> /libs/others/busuanzi.pure.mini.js
    <span class="token key atrule">aplayer</span><span class="token punctuation">:</span> /libs/aplayer/APlayer.min.js
    <span class="token key atrule">dplayer</span><span class="token punctuation">:</span> /libs/dplayer/DPlayer.min.js
    <span class="token key atrule">crypto</span><span class="token punctuation">:</span> /libs/cryptojs/crypto<span class="token punctuation">-</span>js.min.js
    <span class="token key atrule">echarts</span><span class="token punctuation">:</span> /libs/echarts/echarts.min.js
    <span class="token key atrule">gitalk</span><span class="token punctuation">:</span> /libs/gitalk/gitalk.min.js
    <span class="token key atrule">valine</span><span class="token punctuation">:</span> /libs/valine/Valine.min.js <span class="token comment" spellcheck="true"># 若想保持最新版，请替换为 https://unpkg.com/valine/dist/Valine.min.js  默认为 /libs/valine/Valine.min.js</span>
    <span class="token key atrule">minivaline</span><span class="token punctuation">:</span> /libs/minivaline/MiniValine.js
    <span class="token key atrule">jqcloud</span><span class="token punctuation">:</span> /libs/jqcloud/jqcloud<span class="token punctuation">-</span>1.0.4.min.js
    <span class="token key atrule">tocbot</span><span class="token punctuation">:</span> /libs/tocbot/tocbot.min.js
    <span class="token key atrule">canvas_nest</span><span class="token punctuation">:</span> /libs/background/canvas<span class="token punctuation">-</span>nest.js
    <span class="token key atrule">ribbon</span><span class="token punctuation">:</span> /libs/background/ribbon.min.js
    <span class="token key atrule">ribbonRefresh</span><span class="token punctuation">:</span> /libs/background/ribbon<span class="token punctuation">-</span>refresh.min.js
    <span class="token key atrule">ribbon_dynamic</span><span class="token punctuation">:</span> /libs/background/ribbon<span class="token punctuation">-</span>dynamic.js
    <span class="token key atrule">instantpage</span><span class="token punctuation">:</span> /libs/instantpage/instantpage.js

<span class="token comment" spellcheck="true"># The post featured images that needs to be displayed when there is no image.</span>
<span class="token comment" spellcheck="true"># 无文章特色图片时需要显示的文章特色图片.</span>
<span class="token key atrule">featureImages</span><span class="token punctuation">:</span>
<span class="token punctuation">-</span> /medias/featureimages/0.jpg
<span class="token punctuation">-</span> /medias/featureimages/1.jpg
<span class="token punctuation">-</span> /medias/featureimages/2.jpg
<span class="token punctuation">-</span> /medias/featureimages/3.jpg
<span class="token punctuation">-</span> /medias/featureimages/4.jpg
<span class="token punctuation">-</span> /medias/featureimages/5.jpg
<span class="token punctuation">-</span> /medias/featureimages/6.jpg
<span class="token punctuation">-</span> /medias/featureimages/7.jpg
<span class="token punctuation">-</span> /medias/featureimages/8.jpg
<span class="token punctuation">-</span> /medias/featureimages/9.jpg
<span class="token punctuation">-</span> /medias/featureimages/10.jpg
<span class="token punctuation">-</span> /medias/featureimages/11.jpg
<span class="token punctuation">-</span> /medias/featureimages/12.jpg
<span class="token punctuation">-</span> /medias/featureimages/13.jpg
<span class="token punctuation">-</span> /medias/featureimages/14.jpg
<span class="token punctuation">-</span> /medias/featureimages/15.jpg
<span class="token punctuation">-</span> /medias/featureimages/16.jpg
<span class="token punctuation">-</span> /medias/featureimages/17.jpg
<span class="token punctuation">-</span> /medias/featureimages/18.jpg
<span class="token punctuation">-</span> /medias/featureimages/19.jpg
<span class="token punctuation">-</span> /medias/featureimages/20.jpg
<span class="token punctuation">-</span> /medias/featureimages/21.jpg
<span class="token punctuation">-</span> /medias/featureimages/22.jpg
<span class="token punctuation">-</span> /medias/featureimages/23.jpg

<span class="token comment" spellcheck="true"># default configs that the default policy for every articles/posts</span>
<span class="token comment" spellcheck="true"># default 配置文章的默认转载规则</span>

<span class="token comment" spellcheck="true"># you can define reprint policy for a single article in the front-matter of the specific md file using this key: reprintPolicy</span>
<span class="token comment" spellcheck="true"># 您可以使用在文章md文件的 front-matter 中指定 reprintPolicy 来给单个文章配置转载规则</span>

<span class="token comment" spellcheck="true"># 可用的转载规则有（available reprint policies are）：</span>
<span class="token comment" spellcheck="true"># 这些转载规则的意义请参考(you can refer to this link FMI)：https://creativecommons.org/choose/?lang=zh</span>
<span class="token comment" spellcheck="true"># cc_by（知识共享署名 4.0 国际许可协议 Creative Commons Attribution-NoDerivatives 4.0 International License）</span>
<span class="token comment" spellcheck="true"># cc_by_nd（知识共享署名-禁止演绎 4.0 国际许可协议 Creative Commons Attribution-NoDerivatives 4.0 International License）</span>
<span class="token comment" spellcheck="true"># cc_by_sa（知识共享署名-相同方式共享 4.0 国际许可协议 Creative Commons Attribution-ShareAlike 4.0 International License）</span>
<span class="token comment" spellcheck="true"># cc_by_nc（知识共享署名-非商业性使用 4.0 国际许可协议 Creative Commons Attribution-NoDerivatives 4.0 International License）</span>
<span class="token comment" spellcheck="true"># cc_by_nc_nd（知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议 Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License）</span>
<span class="token comment" spellcheck="true"># cc_by_nc_sa（知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License）</span>

<span class="token comment" spellcheck="true"># cc0（CC0 1.0 通用 (CC0 1.0) 公共领域贡献 CC0 1.0 Universal (CC0 1.0) Public Domain Dedication） https://creativecommons.org/publicdomain/zero/1.0/deed.zh</span>

<span class="token comment" spellcheck="true"># noreprint（不允许转载 not allowed to reprint）</span>
<span class="token comment" spellcheck="true"># pay（付费转载 pay for reprinting）</span>
<span class="token key atrule">reprint</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true </span><span class="token comment" spellcheck="true"># whether enable reprint section 是否启用“转载规则限定模块”</span>
  <span class="token key atrule">default</span><span class="token punctuation">:</span> cc_by_nc_sa

<span class="token comment" spellcheck="true"># DaoVoice online contact</span>
<span class="token key atrule">daovoice</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">app_id</span><span class="token punctuation">:</span> 

<span class="token comment" spellcheck="true"># Tidio online contact</span>
<span class="token key atrule">tidio</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">public_key</span><span class="token punctuation">:</span> 

<span class="token comment" spellcheck="true">#背景canvas-nest</span>
<span class="token key atrule">canvas_nest</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">color</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">,</span><span class="token number">0</span><span class="token punctuation">,</span><span class="token number">255 </span><span class="token comment" spellcheck="true"># 线条颜色, 默认: '0,0,0' ；三个数字分别为(R,G,B)，注意用,分割</span>
  <span class="token key atrule">pointColor</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">,</span><span class="token number">0</span><span class="token punctuation">,</span><span class="token number">255 </span><span class="token comment" spellcheck="true"># 交点颜色, 默认: '0,0,0' ；三个数字分别为(R,G,B)，注意用,分割</span>
  <span class="token key atrule">opacity</span><span class="token punctuation">:</span> <span class="token number">0.7 </span><span class="token comment" spellcheck="true"># 线条透明度（0~1）, 默认: 0.5</span>
  <span class="token key atrule">zIndex</span><span class="token punctuation">:</span> <span class="token number">-1 </span><span class="token comment" spellcheck="true"># 背景的 z-index 属性，css 属性用于控制所在层的位置, 默认: -1.</span>
  <span class="token key atrule">count</span><span class="token punctuation">:</span> <span class="token number">99 </span><span class="token comment" spellcheck="true"># 线条的总数量, 默认: 99</span>

<span class="token comment" spellcheck="true"># 背景静止彩带.</span>
<span class="token key atrule">ribbon</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">size</span><span class="token punctuation">:</span> <span class="token number">150 </span><span class="token comment" spellcheck="true"># 彩带大小, 默认: 90.</span>
  <span class="token key atrule">alpha</span><span class="token punctuation">:</span> <span class="token number">0.6 </span><span class="token comment" spellcheck="true"># 彩带透明度 (0 ~ 1), 默认: 0.6.</span>
  <span class="token key atrule">zIndex</span><span class="token punctuation">:</span> <span class="token number">-1 </span><span class="token comment" spellcheck="true"># 背景的z-index属性，css属性用于控制所在层的位置, 默认: -1.</span>
  <span class="token key atrule">clickChange</span><span class="token punctuation">:</span> <span class="token boolean important">false  </span><span class="token comment" spellcheck="true"># 设置是否每次点击都更换彩带.</span>

<span class="token comment" spellcheck="true"># 背景动态彩带.</span>
<span class="token key atrule">ribbon_dynamic</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>

<span class="token comment" spellcheck="true"># sharejs文章分享模块.</span>
<span class="token comment" spellcheck="true"># 支持顺序，可选项目为twitter, facebook, google, qq, qzone, wechat, weibo, douban, linkedin.</span>
<span class="token key atrule">sharejs</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">sites</span><span class="token punctuation">:</span> twitter<span class="token punctuation">,</span>facebook<span class="token punctuation">,</span>google<span class="token punctuation">,</span>qq<span class="token punctuation">,</span>qzone<span class="token punctuation">,</span>wechat<span class="token punctuation">,</span>weibo<span class="token punctuation">,</span>douban<span class="token punctuation">,</span>linkedin

<span class="token comment" spellcheck="true"># addthis文章分享模块.</span>
<span class="token key atrule">addthis</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">pubid</span><span class="token punctuation">:</span>  <span class="token comment" spellcheck="true"># 前往https://www.addthis.com/获取</span>

<span class="token comment" spellcheck="true"># 打字效果副标题.</span>
<span class="token comment" spellcheck="true"># 如果有符号 ‘ ，请在 ’ 前面加上 \</span>
<span class="token key atrule">subtitle</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">loop</span><span class="token punctuation">:</span> <span class="token boolean important">true </span><span class="token comment" spellcheck="true"># 是否循环</span>
  <span class="token key atrule">showCursor</span><span class="token punctuation">:</span> <span class="token boolean important">true </span><span class="token comment" spellcheck="true"># 是否显示光标</span>
  <span class="token key atrule">startDelay</span><span class="token punctuation">:</span> <span class="token number">300 </span><span class="token comment" spellcheck="true"># 开始延迟</span>
  <span class="token key atrule">typeSpeed</span><span class="token punctuation">:</span> <span class="token number">100 </span><span class="token comment" spellcheck="true"># 打字速度</span>
  <span class="token key atrule">backSpeed</span><span class="token punctuation">:</span> <span class="token number">50 </span><span class="token comment" spellcheck="true"># 删除速度</span>
  <span class="token key atrule">sub1</span><span class="token punctuation">:</span> 从来就没有什么救世主，也不靠神仙皇帝。
  <span class="token key atrule">sub2</span><span class="token punctuation">:</span> 要创造人类的幸福，全靠我们自己。

<span class="token comment" spellcheck="true"># 手机二级菜单.</span>
<span class="token key atrule">navMenu</span><span class="token punctuation">:</span>
  <span class="token key atrule">mleft</span><span class="token punctuation">:</span> <span class="token boolean important">false </span><span class="token comment" spellcheck="true"># 二级侧栏子菜单是否对齐左边</span>
  <span class="token key atrule">bgColor</span><span class="token punctuation">:</span> "<span class="token comment" spellcheck="true">#FF74CBFF" # 二级侧栏子菜单背景颜色,留空即为全局背景色</span>

<span class="token comment" spellcheck="true"># 网页预加载.</span>
<span class="token key atrule">instantpage</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>

<span class="token comment" spellcheck="true"># banner 是否每日切换.</span>
<span class="token comment" spellcheck="true"># 若为 false, 则 banner 默认为 /medias/banner/0.jpg</span>
<span class="token key atrule">banner</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>

<span class="token comment" spellcheck="true">#ICP备案信息尾部显示</span>
<span class="token key atrule">icp</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">url</span><span class="token punctuation">:</span> 
  <span class="token key atrule">text</span><span class="token punctuation">:</span> 

<span class="token comment" spellcheck="true"># CDN访问加速 </span>
<span class="token comment" spellcheck="true"># 第一次使用本功能，一定要先配置url，再`hexo cl &amp;&amp; hexo g &amp;&amp; hexo d`部署到GitHub的仓库，注意！必须是GitHub的仓库！</span>
<span class="token comment" spellcheck="true"># 如果必须要使用国内的coding或者gitee，可以采用双部署，同时将网站部署到两个仓库（其中一个必须是GitHub的仓库）</span>
<span class="token comment" spellcheck="true"># URL配置规则（例子如下）： https://cdn.jsdelivr.net/gh/你的GitHub用户名/你的仓库名</span>
<span class="token comment" spellcheck="true"># 如果想关闭此功能，将 url地址 注释或删除即可！</span>
<span class="token comment" spellcheck="true">#</span>
<span class="token comment" spellcheck="true"># 注：配置了此项，就代表着本地调试的时候，网站依然会去GitHub请求资源（原来的资源），本地调试的时候记得将 此项配置 注释或者删除掉</span>
<span class="token comment" spellcheck="true"># 更多关于访问速度优化，请查看：https://blog.sky03.cn/posts/42790.html</span>
<span class="token comment" spellcheck="true"># 注：jsdelivr可以自动帮你生成.min版的js和css，所以你在上面设置js及css路径中可以直接写.min.xxx</span>
<span class="token key atrule">jsDelivr</span><span class="token punctuation">:</span>
  <span class="token key atrule">url</span><span class="token punctuation">:</span> <span class="token comment" spellcheck="true"># https://cdn.jsdelivr.net/gh/skyls03/skyls03.github.io</span>

<span class="token comment" spellcheck="true"># 网站背景图</span>
<span class="token key atrule">background</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">url</span><span class="token punctuation">:</span> http<span class="token punctuation">:</span>//img.mm4000.com/file/e/c5/be9df169fe.jpg

<span class="token comment" spellcheck="true"># 说说 https://artitalk.js.org/</span>
<span class="token key atrule">artitalk</span><span class="token punctuation">:</span> 
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">appId</span><span class="token punctuation">:</span> 
  <span class="token key atrule">appKey</span><span class="token punctuation">:</span> 

<span class="token comment" spellcheck="true">## 哔哔功能配置</span>
<span class="token comment" spellcheck="true">## 关注公众号 "哔哔点啥"，发送: //bindCurrentUser:你的APPID,你的MASTERKEY,你的RESTAPI </span>
<span class="token comment" spellcheck="true">## 可用leancloud国际版，国际版api为 https://appid前八位.api.lncldglobal.com </span>
<span class="token key atrule">bbtime</span><span class="token punctuation">:</span>
 <span class="token key atrule">appId</span><span class="token punctuation">:</span> 
 <span class="token key atrule">appKey</span><span class="token punctuation">:</span> 
 <span class="token key atrule">serverURLs</span><span class="token punctuation">:</span> </code></pre>
<h1 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h1><p>既然你已经看到这篇文章了，那么如果:</p>
<ul>
<li>
<p>你还没有博客或者是你以前有博客</p>
</li>
<li>
<p>你没钱，买不起服务器。或者是你追求简洁，喜欢折腾</p>
</li>
<li>
<p>你没有电脑/暂时不能使用电脑/追求手机的便携性</p>
</li>
</ul>

<p>这篇教程就很适合你！</p>
<p>在开始阅读之前，请先搜索《如何在手机上使用git》（上面就有），按照里面的内容配置git。</p>
<h1 id="基础中的基础"><a href="#基础中的基础" class="headerlink" title="基础中的基础"></a>基础中的基础</h1><h2 id="zsh"><a href="#zsh" class="headerlink" title="zsh"></a>zsh</h2><p>划开左侧滑栏，点击杂项安装，点击cli环境安装。</p>
<h2 id="安装npm和hexo"><a href="#安装npm和hexo" class="headerlink" title="安装npm和hexo"></a>安装npm和hexo</h2><p>然后执行命令:</p>
<pre class=" language-bash"><code class="language-bash"> $  apt <span class="token function">install</span> nodejs</code></pre>
<p>然后运行nodejs –v和npm –v来进行检验。如果都输出了版本号就安装成功了。</p>
<p>然后:</p>
<pre class=" language-bash"><code class="language-bash"> $  <span class="token function">npm</span> <span class="token function">install</span> -g hexo-cli</code></pre>
<p>好的，你成功安装了hexo！</p>
<h3 id="cnpm"><a href="#cnpm" class="headerlink" title="cnpm"></a>cnpm</h3><p>npm服务器在国外。我建议大家使用cnpm。cnpm十分钟同步一次npm服务器。</p>
<h4 id="直接安装"><a href="#直接安装" class="headerlink" title="直接安装"></a>直接安装</h4><pre class=" language-bash"><code class="language-bash">$ <span class="token function">npm</span> <span class="token function">install</span> cnpm -g --registry<span class="token operator">=</span>https://registry.npm.taobao.org</code></pre>
<p>安装后使用<code>cnpm -v</code>测试是否安装成功。</p>
<h4 id="改变地址"><a href="#改变地址" class="headerlink" title="改变地址"></a>改变地址</h4><p>npm的默认地址是<a target="_blank" rel="noopener" href="https://registry.npmjs.org/">https://registry.npmjs.org/</a></p>
<p>通过npm config set registry <a target="_blank" rel="noopener" href="https://registry.npm.taobao.org可以改变默认下载地址,达到可以不安装cnpm就能采用淘宝镜像的目的.然后使用npm/">https://registry.npm.taobao.org可以改变默认下载地址，达到可以不安装cnpm就能采用淘宝镜像的目的。然后使用npm</a> config get registry查看npm的仓库地址，就能知道是否成功了。</p>
<h3 id="nrm"><a href="#nrm" class="headerlink" title="nrm"></a>nrm</h3><p>nrm包安装命令：<code> npm i nrm -g</code></p>
<p>nrm能够管理可用镜像源地址以及当前所使用的镜像源地址，但是只是单纯的提供了几个url并能够让我们在这几个地址之间方便切换</p>
<p>nrm ls可以查看所有可用的镜像，并可以切换。*号表示当前npm使用的地址，可以使用命令nrm use taobao或 nrm use npm来进行两者之间的切换。</p>
<h2 id="markdown"><a href="#markdown" class="headerlink" title="markdown"></a>markdown</h2><p>hexo最常用的写作方法是用markdown写作。</p>
<p>详见<a href="%E8%8F%9C%E9%B8%9F%E6%95%99%E7%A8%8B-markdown">https://www.runoob.com/markdown/md-tutorial.html</a></p>
<p>使用vim/以“XINHAO_HAN”文本打开来编辑文件和写作！</p>
<h2 id="新建网站"><a href="#新建网站" class="headerlink" title="新建网站"></a>新建网站</h2><p>安装 Hexo 完成后，请执行下列命令，Hexo 将会在指定文件夹中新建所需要的文件。</p>
<pre class=" language-bash"><code class="language-bash">$ hexo init <span class="token operator">&lt;</span>folder<span class="token operator">></span>
$ <span class="token function">cd</span> <span class="token operator">&lt;</span>folder<span class="token operator">></span>
$ <span class="token function">npm</span> <span class="token function">install</span></code></pre>
<p>就是这样！</p>
<h1 id="基础"><a href="#基础" class="headerlink" title="基础"></a>基础</h1><h2 id="配置网站"><a href="#配置网站" class="headerlink" title="配置网站"></a>配置网站</h2><p>url:网址</p>
<p>root:网站根目录</p>
<blockquote class="note info"><strong class="note-title">网站存放在子目录</strong><p>如果您的网站存放在子目录中，例如 <code>http://example.com/blog</code>，则请将您的 <code>url</code> 设为 <code>http://example.com/blog</code> 并把 <code>root</code> 设为 <code>/blog/</code>。</p></blockquote>

<p><a href="%E6%9B%B4%E5%A4%9A%E9%85%8D%E7%BD%AE%E8%AF%A6%E8%A7%81hexo%E5%AE%98%E6%96%B9%E6%96%87%E6%A1%A3">https://hexo.io/zh-cn/docs/configuration</a></p>
<h2 id="新建文章"><a href="#新建文章" class="headerlink" title="新建文章"></a>新建文章</h2><pre class=" language-bash"><code class="language-bash">$ hexo new <span class="token punctuation">[</span>layout<span class="token punctuation">]</span> <span class="token operator">&lt;</span>title<span class="token operator">></span></code></pre>
<p>新建一篇文章。如果没有设置 layout 的话，默认使用 _config.yml 中的 default_layout 参数代替。如果标题包含空格的话，请使用引号括起来。</p>
<p>默认情况下，Hexo 会使用文章的标题来决定文章文件的路径。对于独立页面来说，Hexo 会创建一个以标题为名字的目录，并在目录中放置一个 index.md 文件。</p>
<h2 id="生成文件"><a href="#生成文件" class="headerlink" title="生成文件"></a>生成文件</h2><pre class=" language-bash"><code class="language-bash">$ hexo g</code></pre>
<h2 id="本地测试"><a href="#本地测试" class="headerlink" title="本地测试"></a>本地测试</h2><pre class=" language-bash"><code class="language-bash">$ hexo s</code></pre>
<p>启动服务器。默认情况下，访问网址为： <a target="_blank" rel="noopener" href="http://localhost:4000/%E3%80%82">http://localhost:4000/。</a></p>
<h2 id="部署"><a href="#部署" class="headerlink" title="部署"></a>部署</h2><p>在部署前，修改你网站根目录下的_config.yml<br>我的是:</p>
<pre class=" language-yaml"><code class="language-yaml"><span class="token comment" spellcheck="true"># Deployment</span>
<span class="token comment" spellcheck="true">## Docs: https://hexo.io/docs/one-command-deployment</span>
<span class="token key atrule">deploy</span><span class="token punctuation">:</span>
<span class="token punctuation">-</span>  <span class="token key atrule">type</span><span class="token punctuation">:</span> git
   <span class="token key atrule">repo</span><span class="token punctuation">:</span> https<span class="token punctuation">:</span>//gitee.com/*********
   <span class="token key atrule">branch</span><span class="token punctuation">:</span> master
<span class="token punctuation">-</span>  <span class="token key atrule">type</span><span class="token punctuation">:</span> git
   <span class="token key atrule">repo</span><span class="token punctuation">:</span> https<span class="token punctuation">:</span>//github.com/********
   <span class="token key atrule">branch</span><span class="token punctuation">:</span> master</code></pre>
<p>提交仓库我进行了打码。但有点常识你都能猜得到。当然你在提交前肯定要创建远程仓库。顺便提一下，我的三重部署方案并非是gitee+coding+github，实名和网页跳转强制等待导致爬虫无法正常爬取网页内容太讨厌了。gitlab和bitbucket也提交不上去。heroku登录不了。所以你应该能猜到我的方案了。下面会揭晓。</p>
<h3 id="gitee-pages"><a href="#gitee-pages" class="headerlink" title="gitee pages"></a>gitee pages</h3><p>注:你必须先按照《如何使用git》一文配置好公匙。</p>
<p>创建远程仓库，名字和路径为你的用户名。然后开启桌面模式，点击右上角服务，选择gitee pages。然后开启服务。就可以用http://你的用户名.gitee.io访问了。你可以开启https。如果路径不是你的用户名的话（比如fkdt），访问方式会是:http://你的用户名.gitee.io/fkdt</p>
<p>gitee pages不支持自定义域名，除非你是付费企业。</p>
<h3 id="github-pages"><a href="#github-pages" class="headerlink" title="github pages"></a>github pages</h3><p>创建仓库，名字必须为:你的用户名.github.io。然后将代码提交至master分支（不是main分支！）。必须是公开仓库。</p>
<h2 id="主题"><a href="#主题" class="headerlink" title="主题"></a>主题</h2><p>我用的这个主题特性:</p>
<p>简单漂亮，文章内容美观易读</p>
<p>Material Design 设计</p>
<p>响应式设计，博客在桌面端、平板、手机等设备上均能很好的展现</p>
<p>首页轮播文章及每天动态切换 Banner 图片</p>
<p>瀑布流式的博客文章列表（文章无特色图片时会有 24 张漂亮的图片代替）</p>
<p>时间轴式的归档页</p>
<p>词云的标签页和雷达图的分类页</p>
<p>丰富的关于我页面（包括关于我、文章统计图、我的项目、我的技能、相册等）</p>
<p>可自定义的数据的友情链接页面</p>
<p>支持文章置顶和文章打赏</p>
<p>支持 MathJax</p>
<p>TOC 目录</p>
<p>可设置复制文章内容时追加版权信息</p>
<p>可设置阅读文章时做密码验证</p>
<p>Gitalk、Gitment、Valine 和 Disqus 评论模块（推荐使用 Gitalk）</p>
<p>集成了不蒜子统计、谷歌分析（Google Analytics）和文章字数统计等功能</p>
<p>支持在首页的音乐播放和视频播放功能</p>
<p>支持emoji表情，用markdown emoji语法书写直接生成对应的能跳跃的表情。</p>
<p>支持 DaoVoice、Tidio 在线聊天功能。</p>
<h3 id="下载"><a href="#下载" class="headerlink" title="下载"></a>下载</h3><p>你可以在你的 themes 文件夹下使用 <code>Git clone</code>命令来下载:</p>
<pre class=" language-bash"><code class="language-bash"><span class="token function">git</span> clone https://github.com/blinkfox/hexo-theme-matery.git</code></pre>
<h3 id="配置"><a href="#配置" class="headerlink" title="配置"></a>配置</h3><p>切换主题</p>
<p>修改 Hexo 根目录下的 _config.yml 的 theme 的值：theme: hexo-theme-matery</p>
<p>_config.yml 文件的其它修改建议:</p>
<p>请修改 _config.yml 的 url 的值为你的网站主 URL（如：<a target="_blank" rel="noopener" href="http://xxx.github.io)./">http://xxx.github.io）。</a></p>
<p>建议修改两个 per_page 的分页条数值为 6 的倍数，如：12、18 等，这样文章列表在各个屏幕下都能较好的显示。</p>
<p>如果你是中文用户，则建议修改 language 的值为 zh-CN。</p>
<h4 id="新建分类-categories-页"><a href="#新建分类-categories-页" class="headerlink" title="新建分类 categories 页"></a>新建分类 categories 页</h4><p>categories 页是用来展示所有分类的页面，如果在你的博客 source 目录下还没有 categories/index.md 文件，那么你就需要新建一个，命令如下：</p>
<pre class=" language-bash"><code class="language-bash">hexo new page <span class="token string">"categories"</span></code></pre>
<p>编辑你刚刚新建的页面文件 <code>/source/categories/index.md</code>，至少需要以下内容：</p>
<pre class=" language-yaml"><code class="language-yaml"><span class="token punctuation">---</span>
<span class="token key atrule">title</span><span class="token punctuation">:</span> categories
<span class="token key atrule">date</span><span class="token punctuation">:</span> <span class="token datetime number">2018-09-30 17:25:30</span>
<span class="token key atrule">type</span><span class="token punctuation">:</span> <span class="token string">"categories"</span>
<span class="token key atrule">layout</span><span class="token punctuation">:</span> <span class="token string">"categories"</span>
<span class="token punctuation">---</span></code></pre>
<h4 id="新建标签-tags-页"><a href="#新建标签-tags-页" class="headerlink" title="新建标签 tags 页"></a>新建标签 tags 页</h4><p><code>tags</code> 页是用来展示所有标签的页面，如果在你的博客 <code>source</code> 目录下还没有 <code>tags/index.md</code> 文件，那么你就需要新建一个，命令如下：</p>
<pre class=" language-bash"><code class="language-bash">hexo new page <span class="token string">"tags"</span></code></pre>
<p>编辑你刚刚新建的页面文件 <code>/source/tags/index.md</code>，至少需要以下内容：</p>
<pre class=" language-yaml"><code class="language-yaml"><span class="token punctuation">---</span>
<span class="token key atrule">title</span><span class="token punctuation">:</span> tags
<span class="token key atrule">date</span><span class="token punctuation">:</span> <span class="token datetime number">2018-09-30 18:23:38</span>
<span class="token key atrule">type</span><span class="token punctuation">:</span> <span class="token string">"tags"</span>
<span class="token key atrule">layout</span><span class="token punctuation">:</span> <span class="token string">"tags"</span>
<span class="token punctuation">---</span></code></pre>
<h4 id="新建关于我-about-页"><a href="#新建关于我-about-页" class="headerlink" title="新建关于我 about 页"></a>新建关于我 about 页</h4><p><code>about</code> 页是用来展示<strong>关于我和我的博客</strong>信息的页面，如果在你的博客 <code>source</code> 目录下还没有 <code>about/index.md</code> 文件，那么你就需要新建一个，命令如下：</p>
<pre class=" language-bash"><code class="language-bash">hexo new page <span class="token string">"about"</span></code></pre>
<p>编辑你刚刚新建的页面文件 <code>/source/about/index.md</code>，至少需要以下内容：</p>
<pre class=" language-yaml"><code class="language-yaml"><span class="token punctuation">---</span>
<span class="token key atrule">title</span><span class="token punctuation">:</span> about
<span class="token key atrule">date</span><span class="token punctuation">:</span> <span class="token datetime number">2018-09-30 17:25:30</span>
<span class="token key atrule">type</span><span class="token punctuation">:</span> <span class="token string">"about"</span>
<span class="token key atrule">layout</span><span class="token punctuation">:</span> <span class="token string">"about"</span>
<span class="token punctuation">---</span></code></pre>
<h4 id="新建留言板-contact-页（可选的）"><a href="#新建留言板-contact-页（可选的）" class="headerlink" title="新建留言板 contact 页（可选的）"></a>新建留言板 contact 页（可选的）</h4><p><code>contact</code> 页是用来展示<strong>留言板</strong>信息的页面，如果在你的博客 <code>source</code> 目录下还没有 <code>contact/index.md</code> 文件，那么你就需要新建一个，命令如下：</p>
<pre class=" language-bash"><code class="language-bash">hexo new page <span class="token string">"contact"</span></code></pre>
<p>编辑你刚刚新建的页面文件 <code>/source/contact/index.md</code>，至少需要以下内容：</p>
<pre class=" language-yaml"><code class="language-yaml"><span class="token punctuation">---</span>
<span class="token key atrule">title</span><span class="token punctuation">:</span> contact
<span class="token key atrule">date</span><span class="token punctuation">:</span> <span class="token datetime number">2018-09-30 17:25:30</span>
<span class="token key atrule">type</span><span class="token punctuation">:</span> <span class="token string">"contact"</span>
<span class="token key atrule">layout</span><span class="token punctuation">:</span> <span class="token string">"contact"</span>
<span class="token punctuation">---</span></code></pre>
<blockquote>
<p><strong>注</strong>：本留言板功能依赖于第三方评论系统，请<strong>激活</strong>你的评论系统才有效果。并且在主题的 <code>_config.yml</code> 文件中，第 <code>19</code> 至 <code>21</code> 行的“<strong>菜单</strong>”配置，取消关于留言板的注释即可。</p>
</blockquote>
<h4 id="新建友情链接-friends-页（可选的）"><a href="#新建友情链接-friends-页（可选的）" class="headerlink" title="新建友情链接 friends 页（可选的）"></a>新建友情链接 friends 页（可选的）</h4><p><code>friends</code> 页是用来展示<strong>友情链接</strong>信息的页面，如果在你的博客 <code>source</code> 目录下还没有 <code>friends/index.md</code> 文件，那么你就需要新建一个，命令如下：</p>
<pre class=" language-bash"><code class="language-bash">hexo new page <span class="token string">"friends"</span></code></pre>
<p>编辑你刚刚新建的页面文件 <code>/source/friends/index.md</code>，至少需要以下内容：</p>
<pre class=" language-yaml"><code class="language-yaml"><span class="token punctuation">---</span>
<span class="token key atrule">title</span><span class="token punctuation">:</span> friends
<span class="token key atrule">date</span><span class="token punctuation">:</span> <span class="token datetime number">2018-12-12 21:25:30</span>
<span class="token key atrule">type</span><span class="token punctuation">:</span> <span class="token string">"friends"</span>
<span class="token key atrule">layout</span><span class="token punctuation">:</span> <span class="token string">"friends"</span>
<span class="token punctuation">---</span></code></pre>
<p>同时，在你的博客 <code>source</code> 目录下新建 <code>_data</code> 目录，在 <code>_data</code> 目录中新建 <code>friends.json</code> 文件，文件内容如下所示：</p>
<pre class=" language-json"><code class="language-json"><span class="token punctuation">[</span>&amp;#<span class="token number">123</span><span class="token punctuation">;</span>
    <span class="token property">"avatar"</span><span class="token operator">:</span> <span class="token string">"http://image.luokangyuan.com/1_qq_27922023.jpg"</span><span class="token punctuation">,</span>
    <span class="token property">"name"</span><span class="token operator">:</span> <span class="token string">"码酱"</span><span class="token punctuation">,</span>
    <span class="token property">"introduction"</span><span class="token operator">:</span> <span class="token string">"我不是大佬，只是在追寻大佬的脚步"</span><span class="token punctuation">,</span>
    <span class="token property">"url"</span><span class="token operator">:</span> <span class="token string">"http://luokangyuan.com/"</span><span class="token punctuation">,</span>
    <span class="token property">"title"</span><span class="token operator">:</span> <span class="token string">"前去学习"</span>
&amp;#<span class="token number">125</span><span class="token punctuation">;</span><span class="token punctuation">,</span> &amp;#<span class="token number">123</span><span class="token punctuation">;</span>
    <span class="token property">"avatar"</span><span class="token operator">:</span> <span class="token string">"http://image.luokangyuan.com/4027734.jpeg"</span><span class="token punctuation">,</span>
    <span class="token property">"name"</span><span class="token operator">:</span> <span class="token string">"闪烁之狐"</span><span class="token punctuation">,</span>
    <span class="token property">"introduction"</span><span class="token operator">:</span> <span class="token string">"编程界大佬，技术牛，人还特别好，不懂的都可以请教大佬"</span><span class="token punctuation">,</span>
    <span class="token property">"url"</span><span class="token operator">:</span> <span class="token string">"https://blinkfox.github.io/"</span><span class="token punctuation">,</span>
    <span class="token property">"title"</span><span class="token operator">:</span> <span class="token string">"前去学习"</span>
&amp;#<span class="token number">125</span><span class="token punctuation">;</span><span class="token punctuation">,</span> &amp;#<span class="token number">123</span><span class="token punctuation">;</span>
    <span class="token property">"avatar"</span><span class="token operator">:</span> <span class="token string">"http://image.luokangyuan.com/avatar.jpg"</span><span class="token punctuation">,</span>
    <span class="token property">"name"</span><span class="token operator">:</span> <span class="token string">"ja_rome"</span><span class="token punctuation">,</span>
    <span class="token property">"introduction"</span><span class="token operator">:</span> <span class="token string">"平凡的脚步也可以走出伟大的行程"</span><span class="token punctuation">,</span>
    <span class="token property">"url"</span><span class="token operator">:</span> <span class="token string">"https://me.csdn.net/jlh912008548"</span><span class="token punctuation">,</span>
    <span class="token property">"title"</span><span class="token operator">:</span> <span class="token string">"前去学习"</span>
&amp;#<span class="token number">125</span><span class="token punctuation">;</span><span class="token punctuation">]</span></code></pre>
<h4 id="新建-404-页"><a href="#新建-404-页" class="headerlink" title="新建 404 页"></a>新建 404 页</h4><p>如果在你的博客 <code>source</code> 目录下还没有 <code>404.md</code> 文件，那么你就需要新建一个</p>
<p>编辑你刚刚新建的页面文件 <code>/source/404.md</code>，至少需要以下内容：</p>
<pre class=" language-yaml"><code class="language-yaml"><span class="token punctuation">---</span>
<span class="token key atrule">title</span><span class="token punctuation">:</span> <span class="token number">404</span>
<span class="token key atrule">date</span><span class="token punctuation">:</span> <span class="token datetime number">2018-09-30 17:25:30</span>
<span class="token key atrule">type</span><span class="token punctuation">:</span> <span class="token string">"404"</span>
<span class="token key atrule">layout</span><span class="token punctuation">:</span> <span class="token string">"404"</span>
<span class="token key atrule">description</span><span class="token punctuation">:</span> <span class="token string">"Oops～，我崩溃了！找不到你想要的页面 :("</span>
<span class="token punctuation">---</span></code></pre>
<h4 id="菜单导航配置"><a href="#菜单导航配置" class="headerlink" title="菜单导航配置"></a>菜单导航配置</h4><h4 id="配置基本菜单导航的名称、路径url和图标icon"><a href="#配置基本菜单导航的名称、路径url和图标icon" class="headerlink" title="配置基本菜单导航的名称、路径url和图标icon."></a>配置基本菜单导航的名称、路径url和图标icon.</h4><p>1.菜单导航名称可以是中文也可以是英文(如：<code>Index</code>或<code>主页</code>)<br>2.图标icon 可以在<a target="_blank" rel="noopener" href="https://fontawesome.com/icons">Font Awesome</a> 中查找   </p>
<pre class=" language-yaml"><code class="language-yaml"><span class="token key atrule">menu</span><span class="token punctuation">:</span>
  <span class="token key atrule">Index</span><span class="token punctuation">:</span>
    <span class="token key atrule">url</span><span class="token punctuation">:</span> /
    <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>home
  <span class="token key atrule">Tags</span><span class="token punctuation">:</span>
    <span class="token key atrule">url</span><span class="token punctuation">:</span> /tags
    <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>tags
  <span class="token key atrule">Categories</span><span class="token punctuation">:</span>
    <span class="token key atrule">url</span><span class="token punctuation">:</span> /categories
    <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>bookmark
  <span class="token key atrule">Archives</span><span class="token punctuation">:</span>
    <span class="token key atrule">url</span><span class="token punctuation">:</span> /archives
    <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>archive
  <span class="token key atrule">About</span><span class="token punctuation">:</span>
    <span class="token key atrule">url</span><span class="token punctuation">:</span> /about
    <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>user<span class="token punctuation">-</span>circle
  <span class="token key atrule">Friends</span><span class="token punctuation">:</span>
    <span class="token key atrule">url</span><span class="token punctuation">:</span> /friends
    <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>address<span class="token punctuation">-</span>book</code></pre>
<h5 id="二级菜单配置方法"><a href="#二级菜单配置方法" class="headerlink" title="二级菜单配置方法"></a>二级菜单配置方法</h5><p>如果你需要二级菜单则可以在原基本菜单导航的基础上如下操作<br>1.在需要添加二级菜单的一级菜单下添加<code>children</code>关键字(如:<code>About</code>菜单下添加<code>children</code>)<br>2.在<code>children</code>下创建二级菜单的 名称name,路径url和图标icon.<br>3.注意每个二级菜单模块前要加 <code>-</code>.<br>4.注意缩进格式  </p>
<pre class=" language-yaml"><code class="language-yaml"><span class="token key atrule">menu</span><span class="token punctuation">:</span>
  <span class="token key atrule">Index</span><span class="token punctuation">:</span>
    <span class="token key atrule">url</span><span class="token punctuation">:</span> /
    <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>home
  <span class="token key atrule">Tags</span><span class="token punctuation">:</span>
    <span class="token key atrule">url</span><span class="token punctuation">:</span> /tags
    <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>tags
  <span class="token key atrule">Categories</span><span class="token punctuation">:</span>
    <span class="token key atrule">url</span><span class="token punctuation">:</span> /categories
    <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>bookmark
  <span class="token key atrule">Archives</span><span class="token punctuation">:</span>
    <span class="token key atrule">url</span><span class="token punctuation">:</span> /archives
    <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>archive
  <span class="token key atrule">About</span><span class="token punctuation">:</span>
    <span class="token key atrule">url</span><span class="token punctuation">:</span> /about
    <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>user<span class="token punctuation">-</span>circle<span class="token punctuation">-</span>o
  <span class="token key atrule">Friends</span><span class="token punctuation">:</span>
    <span class="token key atrule">url</span><span class="token punctuation">:</span> /friends
    <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>address<span class="token punctuation">-</span>book
  <span class="token key atrule">Medias</span><span class="token punctuation">:</span>
    <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>list
    <span class="token key atrule">children</span><span class="token punctuation">:</span>
      <span class="token punctuation">-</span> <span class="token key atrule">name</span><span class="token punctuation">:</span> Musics
        <span class="token key atrule">url</span><span class="token punctuation">:</span> /musics
        <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>music
      <span class="token punctuation">-</span> <span class="token key atrule">name</span><span class="token punctuation">:</span> Movies
        <span class="token key atrule">url</span><span class="token punctuation">:</span> /movies
        <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>film
      <span class="token punctuation">-</span> <span class="token key atrule">name</span><span class="token punctuation">:</span> Books
        <span class="token key atrule">url</span><span class="token punctuation">:</span> /books
        <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>book
      <span class="token punctuation">-</span> <span class="token key atrule">name</span><span class="token punctuation">:</span> Galleries
        <span class="token key atrule">url</span><span class="token punctuation">:</span> /galleries
        <span class="token key atrule">icon</span><span class="token punctuation">:</span> fas fa<span class="token punctuation">-</span>image</code></pre>
<p>执行 <code>hexo clean &amp;&amp; hexo g</code> 重新生成博客文件，然后就可以在文章中对应位置看到你用<code>emoji</code>语法写的表情了。</p>
<h4 id="代码高亮"><a href="#代码高亮" class="headerlink" title="代码高亮"></a>代码高亮</h4><p>由于 Hexo 自带的代码高亮主题显示不好看，所以主题中使用到了 <a target="_blank" rel="noopener" href="https://github.com/ele828/hexo-prism-plugin">hexo-prism-plugin</a> 的 Hexo 插件来做代码高亮，安装命令如下：</p>
<pre class=" language-bash"><code class="language-bash"><span class="token function">npm</span> i -S hexo-prism-plugin</code></pre>
<p>然后，修改 Hexo 根目录下 <code>_config.yml</code> 文件中 <code>highlight.enable</code> 的值为 <code>false</code>，并新增 <code>prism</code> 插件相关的配置，主要配置如下：</p>
<pre class=" language-yaml"><code class="language-yaml"><span class="token key atrule">highlight</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>

<span class="token key atrule">prism_plugin</span><span class="token punctuation">:</span>
  <span class="token key atrule">mode</span><span class="token punctuation">:</span> <span class="token string">'preprocess'</span>    <span class="token comment" spellcheck="true"># realtime/preprocess</span>
  <span class="token key atrule">theme</span><span class="token punctuation">:</span> <span class="token string">'tomorrow'</span>
  <span class="token key atrule">line_number</span><span class="token punctuation">:</span> <span class="token boolean important">false    </span><span class="token comment" spellcheck="true"># default false</span>
  custom_css<span class="token punctuation">:</span></code></pre>
<h4 id="搜索"><a href="#搜索" class="headerlink" title="搜索"></a>搜索</h4><p>本主题中还使用到了 <a target="_blank" rel="noopener" href="https://github.com/wzpan/hexo-generator-search">hexo-generator-search</a> 的 Hexo 插件来做内容搜索，安装命令如下：</p>
<pre class=" language-bash"><code class="language-bash"><span class="token function">npm</span> <span class="token function">install</span> hexo-generator-search --save</code></pre>
<p>在 Hexo 根目录下的 <code>_config.yml</code> 文件中，新增以下的配置项：</p>
<pre class=" language-yaml"><code class="language-yaml"><span class="token key atrule">search</span><span class="token punctuation">:</span>
  <span class="token key atrule">path</span><span class="token punctuation">:</span> search.xml
  <span class="token key atrule">field</span><span class="token punctuation">:</span> post</code></pre>
<h4 id="中文链接转拼音（建议安装）"><a href="#中文链接转拼音（建议安装）" class="headerlink" title="中文链接转拼音（建议安装）"></a>中文链接转拼音（建议安装）</h4><p>如果你的文章名称是中文的，那么 Hexo 默认生成的永久链接也会有中文，这样不利于 <code>SEO</code>，且 <code>gitment</code> 评论对中文链接也不支持。我们可以用 <a target="_blank" rel="noopener" href="https://github.com/viko16/hexo-permalink-pinyin">hexo-permalink-pinyin</a> Hexo 插件使在生成文章时生成中文拼音的永久链接。</p>
<p>安装命令如下：</p>
<pre class=" language-bash"><code class="language-bash"><span class="token function">npm</span> i hexo-permalink-pinyin --save</code></pre>
<p>在 Hexo 根目录下的 <code>_config.yml</code> 文件中，新增以下的配置项：</p>
<pre class=" language-yaml"><code class="language-yaml"><span class="token key atrule">permalink_pinyin</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">separator</span><span class="token punctuation">:</span> <span class="token string">'-'</span> <span class="token comment" spellcheck="true"># default: '-'</span></code></pre>
<blockquote>
<p><strong>注</strong>：除了此插件外，<a target="_blank" rel="noopener" href="https://github.com/rozbo/hexo-abbrlink">hexo-abbrlink</a> 插件也可以生成非中文的链接。</p>
</blockquote>
<h4 id="文章字数统计插件（建议安装）"><a href="#文章字数统计插件（建议安装）" class="headerlink" title="文章字数统计插件（建议安装）"></a>文章字数统计插件（建议安装）</h4><p>如果你想要在文章中显示文章字数、阅读时长信息，可以安装 <a target="_blank" rel="noopener" href="https://github.com/willin/hexo-wordcount">hexo-wordcount</a>插件。</p>
<p>安装命令如下：</p>
<pre class=" language-bash"><code class="language-bash"><span class="token function">npm</span> i --save hexo-wordcount</code></pre>
<p>然后只需在本主题下的 <code>_config.yml</code> 文件中，将各个文章字数相关的配置激活即可：</p>
<pre class=" language-yaml"><code class="language-yaml"><span class="token key atrule">postInfo</span><span class="token punctuation">:</span>
  <span class="token key atrule">date</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">update</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">wordCount</span><span class="token punctuation">:</span> <span class="token boolean important">false </span><span class="token comment" spellcheck="true"># 设置文章字数统计为 true.</span>
  <span class="token key atrule">totalCount</span><span class="token punctuation">:</span> <span class="token boolean important">false </span><span class="token comment" spellcheck="true"># 设置站点文章总字数统计为 true.</span>
  <span class="token key atrule">min2read</span><span class="token punctuation">:</span> <span class="token boolean important">false </span><span class="token comment" spellcheck="true"># 阅读时长.</span>
  <span class="token key atrule">readCount</span><span class="token punctuation">:</span> <span class="token boolean important">false </span><span class="token comment" spellcheck="true"># 阅读次数.</span></code></pre>
<h4 id="添加emoji表情支持（可选的）"><a href="#添加emoji表情支持（可选的）" class="headerlink" title="添加emoji表情支持（可选的）"></a>添加emoji表情支持（可选的）</h4><p>本主题新增了对<code>emoji</code>表情的支持，使用到了 <a target="_blank" rel="noopener" href="https://npm.taobao.org/package/hexo-filter-github-emojis">hexo-filter-github-emojis</a> 的 Hexo 插件来支持 <code>emoji</code>表情的生成，把对应的<code>markdown emoji</code>语法（<code>::</code>,例如：<code>:smile:</code>）转变成会跳跃的<code>emoji</code>表情，安装命令如下：</p>
<pre class=" language-bash"><code class="language-bash"><span class="token function">npm</span> <span class="token function">install</span> hexo-filter-github-emojis --save</code></pre>
<p>在 Hexo 根目录下的 <code>_config.yml</code> 文件中，新增以下的配置项：</p>
<pre class=" language-yaml"><code class="language-yaml"><span class="token key atrule">githubEmojis</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">className</span><span class="token punctuation">:</span> github<span class="token punctuation">-</span>emoji
  <span class="token key atrule">inject</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">styles</span><span class="token punctuation">:</span>
  customEmojis<span class="token punctuation">:</span></code></pre>
<h4 id="添加-RSS-订阅支持（可选的）"><a href="#添加-RSS-订阅支持（可选的）" class="headerlink" title="添加 RSS 订阅支持（可选的）"></a>添加 RSS 订阅支持（可选的）</h4><p>本主题中还使用到了 <a target="_blank" rel="noopener" href="https://github.com/hexojs/hexo-generator-feed">hexo-generator-feed</a> 的 Hexo 插件来做 <code>RSS</code>，安装命令如下：</p>
<pre class=" language-bash"><code class="language-bash"><span class="token function">npm</span> <span class="token function">install</span> hexo-generator-feed --save</code></pre>
<p>在 Hexo 根目录下的 <code>_config.yml</code> 文件中，新增以下的配置项：</p>
<pre class=" language-yaml"><code class="language-yaml"><span class="token key atrule">feed</span><span class="token punctuation">:</span>
  <span class="token key atrule">type</span><span class="token punctuation">:</span> atom
  <span class="token key atrule">path</span><span class="token punctuation">:</span> atom.xml
  <span class="token key atrule">limit</span><span class="token punctuation">:</span> <span class="token number">20</span>
  <span class="token key atrule">hub</span><span class="token punctuation">:</span>
  <span class="token key atrule">content</span><span class="token punctuation">:</span>
  <span class="token key atrule">content_limit</span><span class="token punctuation">:</span> <span class="token number">140</span>
  <span class="token key atrule">content_limit_delim</span><span class="token punctuation">:</span> <span class="token string">' '</span>
  <span class="token key atrule">order_by</span><span class="token punctuation">:</span> <span class="token punctuation">-</span>date</code></pre>
<p>执行 <code>hexo clean &amp;&amp; hexo g</code> 重新生成博客文件，然后在 <code>public</code> 文件夹中即可看到 <code>atom.xml</code> 文件，说明你已经安装成功了。</p>
<h3 id="添加-DaoVoice-在线聊天功能（可选的）"><a href="#添加-DaoVoice-在线聊天功能（可选的）" class="headerlink" title="添加 DaoVoice 在线聊天功能（可选的）"></a>添加 <a target="_blank" rel="noopener" href="http://www.daovoice.io/">DaoVoice</a> 在线聊天功能（可选的）</h3><p>前往 <a target="_blank" rel="noopener" href="http://www.daovoice.io/">DaoVoice</a> 官网注册并且获取 <code>app_id</code>，并将 <code>app_id</code> 填入主题的 <code>_config.yml</code> 文件中。</p>
<h3 id="添加-Tidio-在线聊天功能（可选的）"><a href="#添加-Tidio-在线聊天功能（可选的）" class="headerlink" title="添加 Tidio 在线聊天功能（可选的）"></a>添加 <a target="_blank" rel="noopener" href="https://www.tidio.com/">Tidio</a> 在线聊天功能（可选的）</h3><p>前往 <a target="_blank" rel="noopener" href="https://www.tidio.com/">Tidio</a> 官网注册并且获取 <code>Public Key</code>，并将 <code>Public Key</code> 填入主题的 <code>_config.yml</code> 文件中。</p>
<h4 id="修改页脚"><a href="#修改页脚" class="headerlink" title="修改页脚"></a>修改页脚</h4><p>页脚信息可能需要做定制化修改，而且它不便于做成配置信息，所以可能需要你自己去再修改和加工。修改的地方在主题文件的 <code>/layout/_partial/footer.ejs</code> 文件中，包括站点、使用的主题、访问量等。</p>
<h4 id="修改社交链接"><a href="#修改社交链接" class="headerlink" title="修改社交链接"></a>修改社交链接</h4><p>在主题的 <code>_config.yml</code> 文件中，默认支持 <code>QQ</code>、<code>GitHub</code> 和邮箱等的配置，你可以在主题文件的 <code>/layout/_partial/social-link.ejs</code> 文件中，新增、修改你需要的社交链接地址，增加链接可参考如下代码：</p>
<pre class=" language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>%</span> <span class="token attr-name">if</span> <span class="token attr-name">(theme.socialLink.github)</span> <span class="token attr-name">&amp;#123;</span> <span class="token attr-name">%</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>&lt;%<span class="token punctuation">=</span> theme.socialLink.github %<span class="token punctuation">></span><span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>tooltipped<span class="token punctuation">"</span></span> <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span> <span class="token attr-name">data-tooltip</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>访问我的GitHub<span class="token punctuation">"</span></span> <span class="token attr-name">data-position</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>top<span class="token punctuation">"</span></span> <span class="token attr-name">data-delay</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>50<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>i</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>fab fa-github<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>i</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>%</span> <span class="token attr-name">&amp;#125;</span> <span class="token attr-name">%</span><span class="token punctuation">></span></span></code></pre>
<p>其中，社交图标（如：<code>fa-github</code>）你可以在 <a target="_blank" rel="noopener" href="https://fontawesome.com/icons">Font Awesome</a> 中搜索找到。以下是常用社交图标的标识，供你参考：</p>
<ul>
<li>Facebook: <code>fab fa-facebook</code></li>
<li>Twitter: <code>fab fa-twitter</code></li>
<li>Google-plus: <code>fab fa-google-plus</code></li>
<li>Linkedin: <code>fab fa-linkedin</code></li>
<li>Tumblr: <code>fab fa-tumblr</code></li>
<li>Medium: <code>fab fa-medium</code></li>
<li>Slack: <code>fab fa-slack</code></li>
<li>Sina Weibo: <code>fab fa-weibo</code></li>
<li>Wechat: <code>fab fa-weixin</code></li>
<li>QQ: <code>fab fa-qq</code></li>
<li>Zhihu: <code>fab fa-zhihu</code></li>
</ul>
<blockquote>
<p><strong>注意</strong>: 本主题中使用的 <code>Font Awesome</code> 版本为 <code>5.11.0</code>。</p>
</blockquote>
<h4 id="修改打赏的二维码图片"><a href="#修改打赏的二维码图片" class="headerlink" title="修改打赏的二维码图片"></a>修改打赏的二维码图片</h4><p>在主题文件的 <code>source/medias/reward</code> 文件中，你可以替换成你的的微信和支付宝的打赏二维码图片。</p>
<h4 id="配置音乐播放器（可选的）"><a href="#配置音乐播放器（可选的）" class="headerlink" title="配置音乐播放器（可选的）"></a>配置音乐播放器（可选的）</h4><p>要支持音乐播放，在主题的 <code>_config.yml</code> 配置文件中激活music配置即可：</p>
<pre class=" language-yaml"><code class="language-yaml"><span class="token comment" spellcheck="true"># 是否在首页显示音乐</span>
<span class="token key atrule">music</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">title</span><span class="token punctuation">:</span>             <span class="token comment" spellcheck="true"># 非吸底模式有效</span>
    <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
    <span class="token key atrule">show</span><span class="token punctuation">:</span> 听听音乐
  <span class="token key atrule">server</span><span class="token punctuation">:</span> netease   <span class="token comment" spellcheck="true"># require music platform: netease, tencent, kugou, xiami, baidu</span>
  <span class="token key atrule">type</span><span class="token punctuation">:</span> playlist    <span class="token comment" spellcheck="true"># require song, playlist, album, search, artist</span>
  <span class="token key atrule">id</span><span class="token punctuation">:</span> <span class="token number">503838841     </span><span class="token comment" spellcheck="true"># require song id / playlist id / album id / search keyword</span>
  <span class="token key atrule">fixed</span><span class="token punctuation">:</span> <span class="token boolean important">false      </span><span class="token comment" spellcheck="true"># 开启吸底模式</span>
  <span class="token key atrule">autoplay</span><span class="token punctuation">:</span> <span class="token boolean important">false   </span><span class="token comment" spellcheck="true"># 是否自动播放</span>
  <span class="token key atrule">theme</span><span class="token punctuation">:</span> '<span class="token comment" spellcheck="true">#42b983'</span>
  <span class="token key atrule">loop</span><span class="token punctuation">:</span> <span class="token string">'all'</span>       <span class="token comment" spellcheck="true"># 音频循环播放, 可选值: 'all', 'one', 'none'</span>
  <span class="token key atrule">order</span><span class="token punctuation">:</span> <span class="token string">'random'</span>   <span class="token comment" spellcheck="true"># 音频循环顺序, 可选值: 'list', 'random'</span>
  <span class="token key atrule">preload</span><span class="token punctuation">:</span> <span class="token string">'auto'</span>   <span class="token comment" spellcheck="true"># 预加载，可选值: 'none', 'metadata', 'auto'</span>
  <span class="token key atrule">volume</span><span class="token punctuation">:</span> <span class="token number">0.7       </span><span class="token comment" spellcheck="true"># 默认音量，请注意播放器会记忆用户设置，用户手动设置音量后默认音量即失效</span>
  <span class="token key atrule">listFolded</span><span class="token punctuation">:</span> <span class="token boolean important">true  </span><span class="token comment" spellcheck="true"># 列表默认折叠</span></code></pre>
<blockquote>
<p><code>server</code>可选<code>netease</code>（网易云音乐），<code>tencent</code>（QQ音乐），<code>kugou</code>（酷狗音乐），<code>xiami</code>（虾米音乐），</p>
<p><code>baidu</code>（百度音乐）。</p>
<p><code>type</code>可选<code>song</code>（歌曲），<code>playlist</code>（歌单），<code>album</code>（专辑），<code>search</code>（搜索关键字），<code>artist</code>（歌手）</p>
<p><code>id</code>获取方法示例: 浏览器打开网易云音乐，点击我喜欢的音乐歌单，浏览器地址栏后面会有一串数字，<code>playlist</code>的<code>id</code></p>
<p>即为这串数字。</p>
</blockquote>
<h3 id="文章-Front-matter-介绍"><a href="#文章-Front-matter-介绍" class="headerlink" title="文章 Front-matter 介绍"></a>文章 Front-matter 介绍</h3><h4 id="Front-matter-选项详解"><a href="#Front-matter-选项详解" class="headerlink" title="Front-matter 选项详解"></a>Front-matter 选项详解</h4><p><code>Front-matter</code> 选项中的所有内容均为<strong>非必填</strong>的。但我仍然建议至少填写 <code>title</code> 和 <code>date</code> 的值。</p>
<table>
<thead>
<tr>
<th>配置选项</th>
<th>默认值</th>
<th>描述</th>
</tr>
</thead>
<tbody><tr>
<td>title</td>
<td><code>Markdown</code> 的文件标题</td>
<td>文章标题，强烈建议填写此选项</td>
</tr>
<tr>
<td>date</td>
<td>文件创建时的日期时间</td>
<td>发布时间，强烈建议填写此选项，且最好保证全局唯一</td>
</tr>
<tr>
<td>author</td>
<td>根 <code>_config.yml</code> 中的 <code>author</code></td>
<td>文章作者</td>
</tr>
<tr>
<td>img</td>
<td><code>featureImages</code> 中的某个值</td>
<td>文章特征图，推荐使用图床(腾讯云、七牛云、又拍云等)来做图片的路径.如: <code>http://xxx.com/xxx.jpg</code></td>
</tr>
<tr>
<td>top</td>
<td><code>true</code></td>
<td>推荐文章（文章是否置顶），如果 <code>top</code> 值为 <code>true</code>，则会作为首页推荐文章</td>
</tr>
<tr>
<td>cover</td>
<td><code>false</code></td>
<td><code>v1.0.2</code>版本新增，表示该文章是否需要加入到首页轮播封面中</td>
</tr>
<tr>
<td>coverImg</td>
<td>无</td>
<td><code>v1.0.2</code>版本新增，表示该文章在首页轮播封面需要显示的图片路径，如果没有，则默认使用文章的特色图片</td>
</tr>
<tr>
<td>password</td>
<td>无</td>
<td>文章阅读密码，如果要对文章设置阅读验证密码的话，就可以设置 <code>password</code> 的值，该值必须是用 <code>SHA256</code> 加密后的密码，防止被他人识破。前提是在主题的 <code>config.yml</code> 中激活了 <code>verifyPassword</code> 选项</td>
</tr>
<tr>
<td>toc</td>
<td><code>true</code></td>
<td>是否开启 TOC，可以针对某篇文章单独关闭 TOC 的功能。前提是在主题的 <code>config.yml</code> 中激活了 <code>toc</code> 选项</td>
</tr>
<tr>
<td>mathjax</td>
<td><code>false</code></td>
<td>是否开启数学公式支持 ，本文章是否开启 <code>mathjax</code>，且需要在主题的 <code>_config.yml</code> 文件中也需要开启才行</td>
</tr>
<tr>
<td>summary</td>
<td>无</td>
<td>文章摘要，自定义的文章摘要内容，如果这个属性有值，文章卡片摘要就显示这段文字，否则程序会自动截取文章的部分内容作为摘要</td>
</tr>
<tr>
<td>categories</td>
<td>无</td>
<td>文章分类，本主题的分类表示宏观上大的分类，只建议一篇文章一个分类</td>
</tr>
<tr>
<td>tags</td>
<td>无</td>
<td>文章标签，一篇文章可以多个标签</td>
</tr>
<tr>
<td>keywords</td>
<td>文章标题</td>
<td>文章关键字，SEO 时需要</td>
</tr>
<tr>
<td>reprintPolicy</td>
<td>cc_by</td>
<td>文章转载规则， 可以是 cc_by, cc_by_nd, cc_by_sa, cc_by_nc, cc_by_nc_nd, cc_by_nc_sa, cc0, noreprint 或 pay 中的一个</td>
</tr>
</tbody></table>
<blockquote>
<p><strong>注意</strong>:</p>
<ol>
<li>如果 <code>img</code> 属性不填写的话，文章特色图会根据文章标题的 <code>hashcode</code> 的值取余，然后选取主题中对应的特色图片，从而达到让所有文章都的特色图<strong>各有特色</strong>。</li>
<li><code>date</code> 的值尽量保证每篇文章是唯一的，因为本主题中 <code>Gitalk</code> 和 <code>Gitment</code> 识别 <code>id</code> 是通过 <code>date</code> 的值来作为唯一标识的。</li>
<li>如果要对文章设置阅读验证密码的功能，不仅要在 Front-matter 中设置采用了 SHA256 加密的 password 的值，还需要在主题的 <code>_config.yml</code> 中激活了配置。有些在线的 SHA256 加密的地址，可供你使用：<a target="_blank" rel="noopener" href="http://tool.oschina.net/encrypt?type=2">开源中国在线工具</a>、<a target="_blank" rel="noopener" href="http://encode.chahuo.com/">chahuo</a>、<a target="_blank" rel="noopener" href="http://tool.chinaz.com/tools/hash.aspx">站长工具</a>。</li>
<li>您可以在文章md文件的 front-matter 中指定 reprintPolicy 来给单个文章配置转载规则</li>
</ol>
</blockquote>
<p>以下为文章的 <code>Front-matter</code> 示例。</p>
<h4 id="最简示例"><a href="#最简示例" class="headerlink" title="最简示例"></a>最简示例</h4><pre class=" language-yaml"><code class="language-yaml"><span class="token punctuation">---</span>
<span class="token key atrule">title</span><span class="token punctuation">:</span> typora<span class="token punctuation">-</span>vue<span class="token punctuation">-</span>theme主题介绍
<span class="token key atrule">date</span><span class="token punctuation">:</span> <span class="token datetime number">2018-09-07 09:25:00</span>
<span class="token punctuation">---</span></code></pre>
<h4 id="最全示例"><a href="#最全示例" class="headerlink" title="最全示例"></a>最全示例</h4><pre class=" language-yaml"><code class="language-yaml"><span class="token punctuation">---</span>
<span class="token key atrule">title</span><span class="token punctuation">:</span> typora<span class="token punctuation">-</span>vue<span class="token punctuation">-</span>theme主题介绍
<span class="token key atrule">date</span><span class="token punctuation">:</span> <span class="token datetime number">2018-09-07 09:25:00</span>
<span class="token key atrule">author</span><span class="token punctuation">:</span> 赵奇
<span class="token key atrule">img</span><span class="token punctuation">:</span> /source/images/xxx.jpg
<span class="token key atrule">top</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
<span class="token key atrule">cover</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
<span class="token key atrule">coverImg</span><span class="token punctuation">:</span> /images/1.jpg
<span class="token key atrule">password</span><span class="token punctuation">:</span> 8d969eef6ecad3c29a3a629280e686cf0c3f5d5a86aff3ca12020c923adc6c92
<span class="token key atrule">toc</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
<span class="token key atrule">mathjax</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
<span class="token key atrule">summary</span><span class="token punctuation">:</span> 这是你自定义的文章摘要内容，如果这个属性有值，文章卡片摘要就显示这段文字，否则程序会自动截取文章的部分内容作为摘要
<span class="token key atrule">categories</span><span class="token punctuation">:</span> Markdown
<span class="token key atrule">tags</span><span class="token punctuation">:</span>
  <span class="token punctuation">-</span> Typora
  <span class="token punctuation">-</span> Markdown
<span class="token punctuation">---</span></code></pre>
<h2 id="效果截图"><a href="#效果截图" class="headerlink" title="效果截图"></a>效果截图</h2><p><img src="http://static.blinkfox.com/matery-20181202-1.png" alt="首页"></p>
<p><img src="http://static.blinkfox.com/matery-20181202-2.png" alt="首页推荐文章"></p>
<p><img src="http://static.blinkfox.com/matery-20181202-3.png" alt="首页文章列表"></p>
<p><img src="http://static.blinkfox.com/matery-20181202-7.png" alt="首页文章列表"></p>
<p><img src="http://static.blinkfox.com/matery-20181202-8.png" alt="首页文章列表"></p>
<h2 id="自定制修改"><a href="#自定制修改" class="headerlink" title="自定制修改"></a>自定制修改</h2><p>在本主题的 <code>_config.yml</code> 中可以修改部分自定义信息，有以下几个部分：</p>
<ul>
<li>菜单</li>
<li>我的梦想</li>
<li>首页的音乐播放器和视频播放器配置</li>
<li>是否显示推荐文章名称和按钮配置</li>
<li><code>favicon</code> 和 <code>Logo</code></li>
<li>个人信息</li>
<li>TOC 目录</li>
<li>文章打赏信息</li>
<li>复制文章内容时追加版权信息</li>
<li>MathJax</li>
<li>文章字数统计、阅读时长</li>
<li>点击页面的’爱心’效果</li>
<li>我的项目</li>
<li>我的技能</li>
<li>我的相册</li>
<li><code>Gitalk</code>、<code>Gitment</code>、<code>Valine</code> 和 <code>disqus</code> 评论配置</li>
<li><a target="_blank" rel="noopener" href="http://busuanzi.ibruce.info/">不蒜子统计</a>和谷歌分析（<code>Google Analytics</code>）</li>
<li>默认特色图的集合。当文章没有设置特色图时，本主题会根据文章标题的 <code>hashcode</code> 值取余，来选择展示对应的特色图</li>
</ul>
<p><strong>我认为个人博客应该都有自己的风格和特色</strong>。如果本主题中的诸多功能和主题色彩你不满意，可以在主题中自定义修改，很多更自由的功能和细节点的修改难以在主题的 <code>_config.yml</code> 中完成，需要修改源代码才来完成。以下列出了可能对你有用的地方：</p>
<h4 id="修改主题颜色"><a href="#修改主题颜色" class="headerlink" title="修改主题颜色"></a>修改主题颜色</h4><p>在主题文件的 <code>/source/css/matery.css</code> 文件中，搜索 <code>.bg-color</code> 来修改背景颜色：</p>
<pre class=" language-css"><code class="language-css"><span class="token comment" spellcheck="true">/* 整体背景颜色，包括导航、移动端的导航、页尾、标签页等的背景颜色. */</span>
<span class="token number">.</span>bg-color &amp;<span class="token hexcode">#123</span><span class="token punctuation">;</span>
    <span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">linear-gradient</span><span class="token punctuation">(</span>to right, <span class="token hexcode">#4cbf30</span> <span class="token number">0%</span>, <span class="token hexcode">#0f9d58</span> <span class="token number">100%</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
&amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span>

<span class="token atrule"><span class="token rule">@-webkit-keyframes</span> rainbow &amp;#123<span class="token punctuation">;</span></span>
   <span class="token comment" spellcheck="true">/* 动态切换背景颜色. */</span>
&amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span>

<span class="token atrule"><span class="token rule">@keyframes</span> rainbow &amp;#123<span class="token punctuation">;</span></span>
    <span class="token comment" spellcheck="true">/* 动态切换背景颜色. */</span>
&amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span></code></pre>
<h4 id="修改-banner-图和文章特色图"><a href="#修改-banner-图和文章特色图" class="headerlink" title="修改 banner 图和文章特色图"></a>修改 banner 图和文章特色图</h4><p>你可以直接在 <code>/source/medias/banner</code> 文件夹中更换你喜欢的 <code>banner</code> 图片，主题代码中是每天动态切换一张，只需 <code>7</code> 张即可。如果你会 <code>JavaScript</code> 代码，可以修改成你自己喜欢切换逻辑，如：随机切换等，<code>banner</code> 切换的代码位置在 <code>/layout/_partial/bg-cover-content.ejs</code> 文件的 <code>&lt;script&gt;&lt;/script&gt;</code> 代码中：</p>
<pre class=" language-javascript"><code class="language-javascript"><span class="token function">$</span><span class="token punctuation">(</span><span class="token string">'.bg-cover'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">css</span><span class="token punctuation">(</span><span class="token string">'background-image'</span><span class="token punctuation">,</span> <span class="token string">'url(/medias/banner/'</span> <span class="token operator">+</span> <span class="token keyword">new</span> <span class="token class-name">Date</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">getDay</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">+</span> <span class="token string">'.jpg)'</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre>
<p>在 <code>/source/medias/featureimages</code> 文件夹中默认有 24 张特色图片，你可以再增加或者减少，并需要在 <code>_config.yml</code> 做同步修改。</p>
<h2 id="版本记录"><a href="#版本记录" class="headerlink" title="版本记录"></a>版本记录</h2><ul>
<li>v1.3.2<ul>
<li>新增了繁体字的支持；</li>
<li>新增了 404 页面；</li>
<li>其他小问题修改；</li>
</ul>
</li>
<li>v1.3.1<ul>
<li>新增了 <code>kbd</code> 样式；</li>
<li>修复了子目录部署时词云中链接有误的问题；</li>
<li>移除了 TOC 中的竖线；</li>
<li>修复了首页 icon 图标中的 tooltip 不显示的问题；</li>
<li>修复生成静态文件时，每天切换 banner 不生效的问题；</li>
<li>更新了 <code>miniValine</code> 中的一些配置；</li>
</ul>
</li>
<li>v1.3.0<ul>
<li>新增了支持子目录部署的功能（如：<code>Gitee</code>）；</li>
<li>新增了 <code>MiniValine</code> 评论系统；</li>
<li>新增了 <code>jsdelivr</code> 的支持；</li>
<li>修复了诸多发现的 bug；</li>
</ul>
</li>
<li>v1.2.2<ul>
<li>新增了自定义文章 <code>keywords</code> 的功能；</li>
<li>新增静态彩带点击切换的功能和配置；</li>
<li>将文章字数统计、彩带和站点运行时间等功能默认设置为 <code>false</code>；</li>
<li>修改了文章的 <code>description</code> 的 meta 属性优先读取文章的 <code>summary</code> 属性；</li>
<li>修改了文章标题的 HTML 标签，从 <code>div</code> 改成了 <code>h1</code> 标题；</li>
<li>修改了页脚年份显示不正确的问题；</li>
<li>去掉了站点运行时间中多余的 <code>setTimeout</code> 代码；</li>
</ul>
</li>
<li>v1.2.1<ul>
<li>新增了 TOC 的展开目录层级设置和滚动条功能，防止目录较多的时候目录溢出；</li>
<li>修改了首页的展示方式为以前的模式；</li>
<li>修复首页按钮没有边框的问题；</li>
<li>修复了音乐及吸底模式、视频、推荐文章等不激活时仍然生成首页卡片的问题；</li>
<li>修复 wordCount 插件未安装的问题，修改了部分配置；</li>
<li>修复音乐的 JSON 配置中有单引号的情况页面不显示的音乐的问题</li>
<li>修复标签云在Hexo4.0下链接失效的问题；</li>
</ul>
</li>
<li>v1.2.0<ul>
<li>新增了 <a target="_blank" rel="noopener" href="http://www.daovoice.io/">DaoVoice</a>、<a target="_blank" rel="noopener" href="https://www.tidio.com/">Tidio</a> 的在线聊天功能；</li>
<li>新增了两级菜单的功能；</li>
<li>新增了打字效果的副标题；</li>
<li>新增了网页内容预加载的功能；</li>
<li>新增了首页 banner 是否每日切换的配置功能；</li>
<li>新增了显示 ICP 备案信息的功能，默认未开启；</li>
<li>新增了百度分析的配置；</li>
<li>新增了代码块的语言显示、一键复制、显示行号等功能；</li>
<li>新增了首页轮播图和推荐文章可自定义配置的功能；</li>
<li>新增了文章页面显示更新日期；</li>
<li>新增了转载规则的图标；</li>
<li>修改了分享的布局和显示方式；</li>
<li>升级更新了部分依赖库的版本；</li>
<li>其他细节修改和优化；</li>
</ul>
</li>
<li>v1.1.0<ul>
<li>新增了 <code>emoji</code> 的支持；</li>
<li>新增了站点运行时间统计及配置；</li>
<li>新增了留言板的功能,默认未开启；</li>
<li>新增了 <code>Twitter</code>、<code>Facebook</code>、知乎的社交链接；</li>
<li>更新了 <code>Valine</code> 的版本为最新版；</li>
<li>其他小细节的修改；</li>
</ul>
</li>
<li>v1.0.4<ul>
<li>新增了能为每篇文章都自定义转载规则的功能；</li>
<li>修复上一页、下一页的自定义 <code>summary</code> 不显示的问题；</li>
<li>修复了友情链接显示错位的问题，改为了瀑布流的布局方式；</li>
<li>其他小细节 bug 的修改；</li>
</ul>
</li>
<li>v1.0.3<ul>
<li>新增了<code>TOC</code>展开、收缩的按钮和相关配置，默认显示此按钮；</li>
</ul>
</li>
<li>v1.0.2<ul>
<li>升级了 <a target="_blank" rel="noopener" href="https://materializecss.com/">Materialize</a> 框架版本为<code>1.0.0</code>，重构和修改了升级过程中的部分文件或问题；</li>
<li>新增了首页封面的全屏轮播特效，可以将更重要的文章设置到首页轮播中；</li>
<li>修复首页第一个按钮是中文的问题</li>
<li>修复了 iPhone 上点击搜索输入获取焦点的问题；</li>
<li>修复了 iPhone 上输入框获取焦点后页面放大的问题；</li>
<li>修复一些文章或 UI 显示问题；</li>
</ul>
</li>
<li>v1.0.1<ul>
<li>调整 <code>css</code>、<code>js</code> 的文件请求路径在主题的<code>_config.yml</code>中配置，便于你更快捷的配置自己的 CDN；</li>
<li>新增代码是否折行为可配置，默认为折行；</li>
<li>默认激活 <code>TOC</code> 功能，并新增为某篇文章关闭 <code>TOC</code> 的 <code>Front-matter</code> 配置选项；</li>
<li>修复文章滚动时，高亮的目录选项不准确的问题；</li>
<li><code>IOS</code>下移除搜索框自动获得焦点属性，防止自动获得焦点后导致视图上移；</li>
</ul>
</li>
<li>v1.0.0<ul>
<li>新增了所有基础功能；</li>
</ul>
</li>
</ul>
<h3 id="主题-代码块"><a href="#主题-代码块" class="headerlink" title="主题-代码块"></a>主题-代码块</h3><p>主题的代码块问题请按照README.md安装并配置代码高亮插件。</p>
<h3 id="主题-RSS"><a href="#主题-RSS" class="headerlink" title="主题-RSS"></a>主题-RSS</h3><p>看主题仓库的README.md。</p>
<h1 id="中级"><a href="#中级" class="headerlink" title="中级"></a>中级</h1><h2 id="minivaline"><a href="#minivaline" class="headerlink" title="minivaline"></a>minivaline</h2><p>注册leancloud国际版账号，创建应用，名字任意。</p>
<p>安全域名里填写你的域名。开启数据存储服务。记下appid和appkey。</p>
<p>找到主题目录下的_config.yml文件。并填写minivaline相关配置项。</p>
<h2 id="不蒜子"><a href="#不蒜子" class="headerlink" title="不蒜子"></a>不蒜子</h2><p>主题_config.yml文件里开启。</p>
<h2 id="三重部署"><a href="#三重部署" class="headerlink" title="三重部署"></a>三重部署</h2><p>同时在gitee和github部署完毕后，再创建一个app。打开云引擎，选择部署，选择git部署，填写gitee/github仓库地址并部署。</p>
<h2 id="Artitalk-js"><a href="#Artitalk-js" class="headerlink" title="Artitalk.js"></a>Artitalk.js</h2><div class="custom-block tip"><p class="custom-block-title">🌍 建议使用国际版的 LeanCloud</p> <p>因为国际版的 leancloud 不需要配置 serverurl，所以推荐使用国际版，速度没有区别，如果使用国内版的 leancloud 别忘了填写 serverurl 即可</p></div> <ol><li>前往 <a href="https://LeanCloud.app/" target="_blank" rel="noopener noreferrer">LeanCloud 国际版<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"/> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"/></svg></a>，注册账号。</li> <li>注册完成之后根据 LeanCloud 的提示绑定手机号和邮箱。</li> <li>绑定完成之后点击<code>创建应用</code>，应用名称随意，接着在<code>结构化数据</code>中创建 <code>class</code>，命名为 <code>shuoshuo</code>。</li> <li>在你新建的应用中找到<code>结构化数据</code>下的<code>用户</code>。点击<code>添加用户</code>，输入想用的用户名及密码。</li> <li>回到<code>结构化数据</code>中，点击 <code>class</code> 下的 <code>shuoshuo</code>。找到权限，在 <code>Class 访问权限</code>中将 <code>add_fields</code> 以及 <code>create</code> 权限设置为指定用户，输入你刚才输入的用户名会自动匹配。为了安全起见，将 <code>delete</code> 和 <code>update</code> 也设置为跟它们一样的权限。</li> <li>然后新建一个名为<code>atComment</code>的class，权限什么的使用默认的即可。</li> <li>点击 <code>class</code> 下的 <code>_User</code> 添加列，列名称为 <code>img</code>，默认值填上你这个账号想要用的发布说说的头像url，这一项不进行配置，说说头像会显示为默认头像 —— Artitalk 的 logo。</li> <li>在最菜单栏中找到设置-&gt; 应用 keys，记下来 <code>AppID</code> 和 <code>AppKey</code> ，一会会用。</li> <li>最后将 <code>_User</code> 中的权限全部调为指定用户，或者数据创建者，为了保证不被篡改用户数据已达到强制发布说说。</li></ol> <div class="custom-block danger"><p class="custom-block-title">❗ 关于设置权限的这几步</p> <p>这几步一定要设置好，才可以保证不被 “闲人” 破解发布说说的验证</p></div>

<p><strong>开始使用吧</strong></p>
<pre class=" language-bash"><code class="language-bash">$ hexo new page artitalks
<span class="token comment" spellcheck="true"># 会vim的直接用vim编辑即可。不会vim的以“XINHAO_HAN”文本打开编辑。</span></code></pre>
<p> 加入:</p>
<pre class=" language-html"><code class="language-html"><span class="token comment" spellcheck="true">&lt;!-- 引用 artitalk --></span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>text/javascript<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://unpkg.com/artitalk<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script language-javascript"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span> <span class="token comment" spellcheck="true">&lt;!-- 存放说说的容器 --></span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>artitalk_main<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script language-javascript"> <span class="token keyword">new</span> <span class="token class-name">Artitalk</span><span class="token punctuation">(</span><span class="token operator">&amp;</span>#<span class="token number">123</span><span class="token punctuation">;</span> appId<span class="token punctuation">:</span> <span class="token string">''</span><span class="token punctuation">,</span> <span class="token comment" spellcheck="true">// Your leancloud appId appKey: '' // Your leancloud appKey &amp;#125;) </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
# 保存</code></pre>
<pre class=" language-bash"><code class="language-bash">$ hexo g</code></pre>
<p>如果上面的配置没有问题，打开你的页面，点击页面右下角的登录输入用户密码后，在输入框中输入说说，点击发布即可。</p>
<p><strong>经天蝎实测，主题配置文件里填写appid和appkey没用。如果遇到创建的说说页面无法登录，可以再创建一个页面。代码如下:</strong></p>
<pre class=" language-html"><code class="language-html">  <span class="token doctype">&lt;!DOCTYPE HTML></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>zh-CN<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>


<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>utf-8<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>link</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>//fonts.googleapis.com/css?family<span class="token punctuation">=</span>Source+Code+Pro<span class="token punctuation">"</span></span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>stylesheet<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>text/css<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>


<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>stylesheet<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>/css/style.css<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>

<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>generator<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Hexo 5.2.0<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>head</span><span class="token punctuation">></span></span>

  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>title</span><span class="token punctuation">></span></span>天蝎小屋<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>title</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>head</span><span class="token punctuation">></span></span>

<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>body</span><span class="token punctuation">></span></span>

<span class="token comment" spellcheck="true">&lt;!-- 引用artitalk --></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>text/javascript<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://unpkg.com/artitalk<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script language-javascript"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
 <span class="token comment" spellcheck="true">&lt;!-- 存放说说的容器 --></span> 
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>artitalk_main<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span> 
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script language-javascript"> <span class="token keyword">new</span> <span class="token class-name">Artitalk</span><span class="token punctuation">(</span><span class="token operator">&amp;</span>#<span class="token number">123</span><span class="token punctuation">;</span>
 appId<span class="token punctuation">:</span> <span class="token string">'手动打码'</span><span class="token punctuation">,</span> <span class="token comment" spellcheck="true">// Your leancloud appId</span>
 appKey<span class="token punctuation">:</span> <span class="token string">'手动打码'</span> <span class="token comment" spellcheck="true">// Your leancloud appKey</span>
 <span class="token operator">&amp;</span>#<span class="token number">125</span><span class="token punctuation">;</span><span class="token punctuation">)</span> 
</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span></code></pre>
<p>在这个页面登录。然后回到你之前创建的artitalks页面，再登录就能成功了。</p>
<h2 id="bb"><a href="#bb" class="headerlink" title="bb"></a>bb</h2><p>哔哔短博文相比artitalks，有可以直接微信发送的优势。有不支持markdown/html的劣势。但我的博客是两个都在用，所以就讲一下吧。</p>
<p>引用<a target="_blank" rel="noopener" href="https://www.heson10.com/posts/15701.html#Leancloud%E5%88%9B%E5%BB%BA%E5%AD%98%E5%82%A8%E7%A9%BA%E9%97%B4">https://www.heson10.com/posts/15701.html#Leancloud%E5%88%9B%E5%BB%BA%E5%AD%98%E5%82%A8%E7%A9%BA%E9%97%B4</a>部分:</p>
<p>登陆leancloud创建应用。</p>
<p>进入应用后，点击创建 Class。</p>
<p>将「 Class 名称」命名为 content。</p>
<p>点击刚刚创建的content Class，点击添加列并创建名称为content的列，类型为String，注意列注释也要填写（随意填）。</p>
<p>记录appid，masterkey，api域名。</p>
<p>国际版leancloud不需要绑定域名，api地址为appid前八位.api.lncldglobal.com。</p>
<p>然后关注公众号:黑石哔哔。</p>
<p>按照公众号的提示的命令进行绑定：</p>
<pre class=" language-bash"><code class="language-bash">//bindCurrentUser:你的AppID,你的MasterKey,https://你的api域名</code></pre>
<p>完成后会提示绑定成功。</p>
<h3 id="创建bb-ejs模板"><a href="#创建bb-ejs模板" class="headerlink" title="创建bb.ejs模板"></a>创建bb.ejs模板</h3><p>在themes\matery\layout\文件夹中新增bb.ejs模板，加上以下代码：</p>
<pre class=" language-ejs"><code class="language-ejs">
    <%- partial('_pre') %>
<%- partial('_partial/side') %>
<div class='l_main<%- page.sidebar == false ? ' no_sidebar' : '' %>'>
  <%- partial('_partial/article', &#123;post: page, index: false&#125;) %>
</div>

<script src="https://cdn.bootcss.com/vue/2.6.11/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/leancloud-storage@4.5.3/dist/av-min.js"></script>
<script type="text/javascript">
  var &#123;
    Query
  &#125; = AV;
  AV.init(&#123;
    appId: "<%= theme.plugins.bbtime.appId %>",
    appKey: "<%= theme.plugins.bbtime.appKey %>",
    serverURLs: '<%= theme.plugins.bbtime.serverURLs %>'
  &#125;);

  var query = new AV.Query('content');

  var app = new Vue(&#123;
    el: '#app',
    data: &#123;
      page: 0,
      count: 0,
      contents: []
    &#125;,
    methods: &#123;
      loadMore: function (event) &#123;
        getData(++this.page);
      &#125;
    &#125;
  &#125;)
  //友好地显示时间，如果主题开启了theme.lastupd.friendlyShow: true ，则删掉以下 timeago 函数
  function timeago(dateTimeStamp) &#123; 
        var minute = 1000 * 60; //把分，时，天，周，半个月，一个月用毫秒表示 
        var hour = minute * 60; 
        var day = hour * 24; 
        var week = day * 7; 
        var month = day * 30; 
        var now = new Date().getTime(); //获取当前时间毫秒 
        var diffValue = now - dateTimeStamp; //时间差 
        if (diffValue < 0) &#123; 
            return; 
        &#125; 
        var minC = diffValue / minute; //计算时间差的分，时，天，周，月 
        var hourC = diffValue / hour; 
        var dayC = diffValue / day; 
        var weekC = diffValue / week; 
        var monthC = diffValue / month; 
        if (monthC >= 1 && monthC <= 3) &#123; 
            result = " " + parseInt(monthC) + " 月前" 
        &#125; else if (weekC >= 1 && weekC <= 3) &#123; 
            result = " " + parseInt(weekC) + " 周前" 
        &#125; else if (dayC >= 1 && dayC <= 6) &#123; 
            result = " " + parseInt(dayC) + " 天前" 
        &#125; else if (hourC >= 1 && hourC <= 23) &#123; 
            result = " " + parseInt(hourC) + " 小时前" 
        &#125; else if (minC >= 1 && minC <= 59) &#123; 
            result = " " + parseInt(minC) + " 分钟前" 
        &#125; else if (diffValue >= 0 && diffValue <= minute) &#123; 
            result = "刚刚" 
        &#125; else &#123; 
            var datetime = new Date(); 
            datetime.setTime(dateTimeStamp); 
            var Nmonth = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1; 
            var Ndate = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate(); 
            result = Nmonth + "-" + Ndate 
        &#125; 
        return result; 
    &#125; 
  function urlToLink(str) &#123;
    //增加发图片功能
    var re = /\bhttps?:\/\/(?!\S+(?:jpe?g|png|bmp|gif|webp|gif))\S+/g;
    var re_forpic = /\bhttps?:\/\/.*?(\.gif|\.jpeg|\.png|\.jpg|\.bmp|\.webp)/g;
    str = str.replace(re, function (website) &#123;
      return "<a href='" + website + "' target='_blank'> <i class='iconfont icon-lianjie-copy'></i>链接 </a>";
    &#125;);
    str = str.replace(re_forpic, function (imgurl) &#123;
      return "<img src='" + imgurl + "'  /> ";
    &#125;);
    return str;
  &#125;

  function getData(page = 0) &#123;
    query.descending('createdAt').skip(page * 10).limit(10).find().then(function (results) &#123;
      if (results.length == 0) &#123;
        alert('之前没发表过说说')
      &#125; else &#123;
        let resC = results;
        reqData = false;
        resC.forEach((i) => &#123;
          let dateTmp = new Date(i.createdAt);
          i.attributes.time = timeago(dateTmp);
          i.attributes.content = urlToLink(i.attributes.content);
          app.contents.push(i);
        &#125;)
      &#125;

    &#125;, function (error) &#123; &#125;);
  &#125;

  getData(0);

  query.count().then(function (count) &#123;
    app.count = count;
  &#125;, function (error) &#123; &#125;);


</script></code></pre>
<h3 id="修改post-detail-ejs"><a href="#修改post-detail-ejs" class="headerlink" title="修改post-detail.ejs"></a>修改post-detail.ejs</h3><p>在themes\matery\layout_partial\post-detail.ejs中，这个位置：</p>
<p><img src="https://picup.heson10.com/img/upyun/2020/10/image-20201019190904474.png" alt="这张图片无了，去引用链接那里看吧"></p>
<p>加上如下代码：</p>
<pre class=" language-ejs"><code class="language-ejs">
    <% if (page.layout == 'bb') &#123; %>
<style>
    @font-face &#123;
        font-family: "iconfont";
        src: url('//at.alicdn.com/t/font_1755564_z4mhxbw13mq.eot?t=1586882866168');
        /* IE9 */
        src: url('//at.alicdn.com/t/font_1755564_z4mhxbw13mq.eot?t=1586882866168#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALcAAsAAAAAB2gAAAKPAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCfgqCUII8ATYCJAMMCwgABCAFhG0HQBuEBsiuMRkynL4YFCHtLKs4b+k7/80U8DwHIB6+xtr7u3vniDZI6tmnkyDS8NC5iFgJlE7pTPcO8e5b+803aYQy8YtH1JPKyZzY3ttb1EonioVGSBAiRJp4JV9cFppCxLpe2z8sUs37O4QEDFRM0lFeAw4XN6bQPG06zTG8DRwHFOBeGEVWIjE+mP8wduVFPCbQNK4ktN8/OgFJhbEqEFemLkEyFVcUVqoL1ZKDRbyIqafb9AA8+9+PX41IklQyY+PBSZ8KnR+9iBx0OxZcp8PxvGDHyFgACnFY6j8QCfMLIppKPmoCrGtW8OG/y0eufLX/8AiJqDKa22AGWpMzUth6p6aARySQQRUUL4AnSBmuyvIwPdbz21OX5ybO5duOJifaLl6cvkrd1HR7kWEy6yikff29PvgO17V/Tf/9f/oN3PDqz22a719IYlZJHQetpLY08MV6fwFDrF0B6F4XyB3/FyEEnZnU2XGtVwHvpxtA1d6pftKB4AcoWo4U1QQbiiy35Xow27whbwK2NNFlhAc99zeOtM4S6ikFQ1IzhqxuglAoC6ho2UBV3Raa5g0cbxnCRURpYM4pQOh3h6TXG7J+j4RCeULFqFdU9UcETYfRdGHLVJjpHk6SIBXlTTQV5mmWS6SD1jHSVx2JJ1U+a4p4YKawvrSSLQ2QR3yMLcGa3hBCQ40zF/vBc+Q4DH3OLFJExRDCb64un5S9qaIwF9L2cEQiEBWSbUImBePR3PFCOvf5MUS3yiHhNR0VySmEC5jTo7qKWgvCgN5r1XEtrwTW6BoEQYM0HONC/cBLHDPPIL98noUohAqjR7uvWVV1HlVbfWV+o/t8J6DJOJ4jRY6idmVKnmVS1q8tK8zfBAAA')format('woff2')
url('//at.alicdn.com/t/font_1755564_z4mhxbw13mq.woff?t=1586882866168') format('woff'),
            url('//at.alicdn.com/t/font_1755564_z4mhxbw13mq.ttf?t=1586882866168') format('truetype'),
            /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
            url('//at.alicdn.com/t/font_1755564_z4mhxbw13mq.svg?t=1586882866168#iconfont') format('svg');
        /* iOS 4.1- */
    &#125;
    .iconfont &#123;
        font-family: "iconfont" !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    &#125;

    .icon-lianjie:before &#123;
        content: "\e6a3";
    &#125;

    .icon-lianjie-copy:before &#123;
        content: "\e6a4";
    &#125;
</style>
<main id="app">
    <p class="tip">共计发送 &#123;&#123;count&#125;&#125; 条说说</p>
    <div class="timenode" v-for="item in contents" v-cloak>
        <div class="meta">
            <p><time v-bind:datetime="item.attributes.time">&#123;&#123;item.attributes.time&#125;&#125;</time></p>
        </div>
        <div class="body">
            <p v-html='item.attributes.content'></p>
        </div>
    </div>
</main>
<% &#125; %></code></pre>
<h3 id="加上CSS效果"><a href="#加上CSS效果" class="headerlink" title="加上CSS效果"></a>加上CSS效果</h3><p>css丢进themes\matery\source\css\matery.css里面。</p>
<pre class=" language-css"><code class="language-css"><span class="token comment" spellcheck="true">/* bb样式 */</span>

div<span class="token number">.</span>timenode &amp;<span class="token hexcode">#123</span><span class="token punctuation">;</span>

    <span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>

  &amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span>

  div<span class="token number">.</span><span class="token property">timenode</span><span class="token punctuation">:</span>before,

  div<span class="token number">.</span><span class="token property">timenode</span><span class="token punctuation">:</span>after &amp;<span class="token hexcode">#123</span><span class="token punctuation">;</span>

    <span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">''</span><span class="token punctuation">;</span>

    <span class="token property">z-index</span><span class="token punctuation">:</span> <span class="token number">1</span><span class="token punctuation">;</span>

    <span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>

    <span class="token property">background</span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">68</span>,<span class="token number">215</span>,<span class="token number">182</span>,<span class="token number">0.5</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

    <span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">2</span>px<span class="token punctuation">;</span>

    <span class="token property">left</span><span class="token punctuation">:</span> <span class="token number">7</span>px<span class="token punctuation">;</span>

  &amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span>

  div<span class="token number">.</span><span class="token property">timenode</span><span class="token punctuation">:</span>before &amp;<span class="token hexcode">#123</span><span class="token punctuation">;</span>

    <span class="token property">top</span><span class="token punctuation">:</span> <span class="token number">0</span>px<span class="token punctuation">;</span>

    <span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">6</span>px<span class="token punctuation">;</span>

  &amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span>

  div<span class="token number">.</span><span class="token property">timenode</span><span class="token punctuation">:</span>after &amp;<span class="token hexcode">#123</span><span class="token punctuation">;</span>

    <span class="token property">top</span><span class="token punctuation">:</span> <span class="token number">26</span>px<span class="token punctuation">;</span>

    <span class="token property">height</span><span class="token punctuation">:</span> <span class="token function">calc</span><span class="token punctuation">(</span><span class="token number">100%</span> - <span class="token number">26</span>px<span class="token punctuation">)</span><span class="token punctuation">;</span>

  &amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span>

  div<span class="token number">.</span><span class="token property">timenode</span><span class="token punctuation">:</span><span class="token property">last-child</span><span class="token punctuation">:</span>after &amp;<span class="token hexcode">#123</span><span class="token punctuation">;</span>

    <span class="token property">height</span><span class="token punctuation">:</span> <span class="token function">calc</span><span class="token punctuation">(</span><span class="token number">100%</span> - <span class="token number">26</span>px - <span class="token number">16</span>px<span class="token punctuation">)</span><span class="token punctuation">;</span>

    <span class="token property">border-bottom-left-radius</span><span class="token punctuation">:</span> <span class="token number">2</span>px<span class="token punctuation">;</span>

    <span class="token property">border-bottom-right-radius</span><span class="token punctuation">:</span> <span class="token number">2</span>px<span class="token punctuation">;</span>

  &amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span>

  div<span class="token number">.</span>timenode <span class="token number">.</span>meta,

  div<span class="token number">.</span>timenode <span class="token number">.</span>body &amp;<span class="token hexcode">#123</span><span class="token punctuation">;</span>

    <span class="token property">max-width</span><span class="token punctuation">:</span> <span class="token function">calc</span><span class="token punctuation">(</span><span class="token number">100%</span> - <span class="token number">24</span>px<span class="token punctuation">)</span><span class="token punctuation">;</span>

  &amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span>

  div<span class="token number">.</span>timenode <span class="token number">.</span>meta &amp;<span class="token hexcode">#123</span><span class="token punctuation">;</span>

    <span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>

    <span class="token property">color</span><span class="token punctuation">:</span> <span class="token function">var</span><span class="token punctuation">(</span>--color-meta<span class="token punctuation">)</span><span class="token punctuation">;</span>

    <span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">0.875</span>rem<span class="token punctuation">;</span>

    <span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">32</span>px<span class="token punctuation">;</span>

    <span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">32</span>px<span class="token punctuation">;</span>

  &amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span>

  div<span class="token number">.</span>timenode <span class="token number">.</span><span class="token property">meta</span><span class="token punctuation">:</span>before,

  div<span class="token number">.</span>timenode <span class="token number">.</span><span class="token property">meta</span><span class="token punctuation">:</span>after &amp;<span class="token hexcode">#123</span><span class="token punctuation">;</span>

    <span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">''</span><span class="token punctuation">;</span>

    <span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>

    <span class="token property">top</span><span class="token punctuation">:</span> <span class="token number">8</span>px<span class="token punctuation">;</span>

    <span class="token property">z-index</span><span class="token punctuation">:</span> <span class="token number">2</span><span class="token punctuation">;</span>

  &amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span>

  div<span class="token number">.</span>timenode <span class="token number">.</span><span class="token property">meta</span><span class="token punctuation">:</span>before &amp;<span class="token hexcode">#123</span><span class="token punctuation">;</span>

    <span class="token property">background</span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">68</span>,<span class="token number">215</span>,<span class="token number">182</span>,<span class="token number">0.5</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

    <span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>
    <span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">8</span>px<span class="token punctuation">;</span>
  &amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span>
  div<span class="token number">.</span>timenode <span class="token number">.</span><span class="token property">meta</span><span class="token punctuation">:</span>after &amp;<span class="token hexcode">#123</span><span class="token punctuation">;</span>
    <span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#44d7b6</span><span class="token punctuation">;</span>
    <span class="token property">margin-left</span><span class="token punctuation">:</span> <span class="token number">2</span>px<span class="token punctuation">;</span>
    <span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">2</span>px<span class="token punctuation">;</span>
    <span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">12</span>px<span class="token punctuation">;</span>
    <span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">12</span>px<span class="token punctuation">;</span>
    <span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">6</span>px<span class="token punctuation">;</span>
    <span class="token property">transform</span><span class="token punctuation">:</span> <span class="token function">scale</span><span class="token punctuation">(</span><span class="token number">0.5</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    <span class="token property">transition</span><span class="token punctuation">:</span> all <span class="token number">0.28</span>s ease<span class="token punctuation">;</span>
    <span class="token property">-moz-transition</span><span class="token punctuation">:</span> all <span class="token number">0.28</span>s ease<span class="token punctuation">;</span>
    <span class="token property">-webkit-transition</span><span class="token punctuation">:</span> all <span class="token number">0.28</span>s ease<span class="token punctuation">;</span>
    <span class="token property">-o-transition</span><span class="token punctuation">:</span> all <span class="token number">0.28</span>s ease<span class="token punctuation">;</span>
  &amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span>
  div<span class="token number">.</span>timenode <span class="token number">.</span>meta p &amp;<span class="token hexcode">#123</span><span class="token punctuation">;</span>
    <span class="token property">font-weight</span><span class="token punctuation">:</span> bold<span class="token punctuation">;</span>
    <span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">0</span> <span class="token number">0</span> <span class="token number">24</span>px<span class="token punctuation">;</span>
  &amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span>
  div<span class="token number">.</span>timenode <span class="token number">.</span>body &amp;<span class="token hexcode">#123</span><span class="token punctuation">;</span>
    <span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">4</span>px <span class="token number">0</span> <span class="token number">16</span>px <span class="token number">24</span>px<span class="token punctuation">;</span>
    <span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>
    <span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">8</span>px<span class="token punctuation">;</span>
    <span class="token property">background</span><span class="token punctuation">:</span> <span class="token function">var</span><span class="token punctuation">(</span>--color-block<span class="token punctuation">)</span><span class="token punctuation">;</span>
    <span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span>
  &amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span>
  div<span class="token number">.</span>timenode <span class="token number">.</span><span class="token property">body</span><span class="token punctuation">:</span>empty &amp;<span class="token hexcode">#123</span><span class="token punctuation">;</span>
    <span class="token property">display</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
  &amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span>
  div<span class="token number">.</span>timenode <span class="token number">.</span>body >*<span class="token punctuation">:</span>first-child &amp;<span class="token hexcode">#123</span><span class="token punctuation">;</span>
    <span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">0.25</span>em<span class="token punctuation">;</span>
  &amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span>
  div<span class="token number">.</span>timenode <span class="token number">.</span>body >*<span class="token punctuation">:</span>last-child &amp;<span class="token hexcode">#123</span><span class="token punctuation">;</span>
    <span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">0.25</span>em<span class="token punctuation">;</span>
  &amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span>
div<span class="token number">.</span>timenode <span class="token number">.</span>body <span class="token number">.</span>highlight &amp;<span class="token hexcode">#123</span><span class="token punctuation">;</span>
    <span class="token property">border</span><span class="token punctuation">:</span> <span class="token number">1</span>px solid <span class="token hexcode">#e4e4e4</span><span class="token punctuation">;</span>
  &amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span>
  div<span class="token number">.</span><span class="token property">timenode</span><span class="token punctuation">:</span>hover <span class="token number">.</span>meta &amp;<span class="token hexcode">#123</span><span class="token punctuation">;</span>
    <span class="token property">color</span><span class="token punctuation">:</span> <span class="token function">var</span><span class="token punctuation">(</span>--color-text<span class="token punctuation">)</span><span class="token punctuation">;</span>
  &amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span>
  div<span class="token number">.</span><span class="token property">timenode</span><span class="token punctuation">:</span>hover <span class="token number">.</span><span class="token property">meta</span><span class="token punctuation">:</span>before &amp;<span class="token hexcode">#123</span><span class="token punctuation">;</span>
    <span class="token property">background</span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">255</span>,<span class="token number">87</span>,<span class="token number">34</span>,<span class="token number">0.5</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
  &amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span>
  div<span class="token number">.</span><span class="token property">timenode</span><span class="token punctuation">:</span>hover <span class="token number">.</span><span class="token property">meta</span><span class="token punctuation">:</span>after &amp;<span class="token hexcode">#123</span><span class="token punctuation">;</span>
    <span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#ff5722</span><span class="token punctuation">;</span>
    <span class="token property">transform</span><span class="token punctuation">:</span> <span class="token function">scale</span><span class="token punctuation">(</span><span class="token number">1</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
  &amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span>
  div<span class="token number">.</span>timenode <span class="token number">.</span>body &amp;<span class="token hexcode">#123</span><span class="token punctuation">;</span>
    <span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">0</span> <span class="token number">0</span> <span class="token number">24</span>px<span class="token punctuation">;</span>
    <span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>
    <span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">8</span>px<span class="token punctuation">;</span>
    <span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#f6f6f6</span><span class="token punctuation">;</span>
    <span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span>
&amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span>
div<span class="token number">.</span>timenode time&amp;<span class="token hexcode">#123</span><span class="token punctuation">;</span>
    <span class="token property">margin-left</span><span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
&amp;<span class="token hexcode">#125</span><span class="token punctuation">;</span></code></pre>
<h3 id="修改主题配置-config-yml"><a href="#修改主题配置-config-yml" class="headerlink" title="修改主题配置_config.yml"></a>修改主题配置_config.yml</h3><p>在主题配置中加入（<strong>注意要顶格</strong>）：</p>
<pre class=" language-yaml"><code class="language-yaml"><span class="token comment" spellcheck="true">## 哔哔功能配置</span>

<span class="token comment" spellcheck="true">## 关注公众号 "哔哔点啥"，发送: //bindCurrentUser:你的APPID,你的MASTERKEY,你的RESTAPI </span>

<span class="token comment" spellcheck="true">## 可用leancloud国际版，国际版api为 https://appid前八位.api.lncldglobal.com </span>

<span class="token key atrule">bbtime</span><span class="token punctuation">:</span>

 <span class="token key atrule">appId</span><span class="token punctuation">:</span> 你的appId

 <span class="token key atrule">appKey</span><span class="token punctuation">:</span> 你的appKey

 <span class="token key atrule">serverURLs</span><span class="token punctuation">:</span> https<span class="token punctuation">:</span>//你的api
<span class="token comment" spellcheck="true">## 哔哔功能配置</span>

<span class="token comment" spellcheck="true">## 关注公众号 "哔哔点啥"，发送: //bindCurrentUser:你的APPID,你的MASTERKEY,你的RESTAPI </span>

<span class="token comment" spellcheck="true">## 可用leancloud国际版，国际版api为 https://appid前八位.api.lncldglobal.com </span>

<span class="token key atrule">bbtime</span><span class="token punctuation">:</span>

 <span class="token key atrule">appId</span><span class="token punctuation">:</span> 你的appId

 <span class="token key atrule">appKey</span><span class="token punctuation">:</span> 你的appKey

 <span class="token key atrule">serverURLs</span><span class="token punctuation">:</span> https<span class="token punctuation">:</span>//你的api
<span class="token comment" spellcheck="true">## 哔哔功能配置</span>
<span class="token comment" spellcheck="true">## 关注公众号 "哔哔点啥"，发送: //bindCurrentUser:你的APPID,你的MASTERKEY,你的RESTAPI </span>
<span class="token comment" spellcheck="true">## 可用leancloud国际版，国际版api为 https://appid前八位.api.lncldglobal.com </span>
<span class="token key atrule">bbtime</span><span class="token punctuation">:</span>
 <span class="token key atrule">appId</span><span class="token punctuation">:</span> 你的appId
 <span class="token key atrule">appKey</span><span class="token punctuation">:</span> 你的appKey
 <span class="token key atrule">serverURLs</span><span class="token punctuation">:</span> https<span class="token punctuation">:</span>//你的api</code></pre>
<h3 id="创建BB页面"><a href="#创建BB页面" class="headerlink" title="创建BB页面"></a>创建BB页面</h3><p>输入终端命令：</p>
<pre class=" language-bash"><code class="language-bash">hexo new page bb</code></pre>
<p>hexo就在source文件夹下创建了bb/index.md</p>
<p>修改index.md的frontmater下的layout为bb：</p>
<pre class=" language-yaml"><code class="language-yaml"><span class="token punctuation">---</span>
<span class="token key atrule">title</span><span class="token punctuation">:</span> 黑石说
<span class="token key atrule">layout</span><span class="token punctuation">:</span> bb
<span class="token punctuation">---</span></code></pre>
<p>里面的文字可以自己随意加，会显示在哔哔的上方。</p>
<p>完毕！</p>
<p><strong><em>引用结束</em></strong></p>
<h2 id="内网穿透部署方案"><a href="#内网穿透部署方案" class="headerlink" title="内网穿透部署方案"></a>内网穿透部署方案</h2><p>ksweb+nat123</p>
<p>ksweb+termux+frp</p>
<p>你选哪个？我觉得都不合适。</p>
<p>还有你知道你的路由器密码吗。（滑稽😉😊）</p>
<h2 id="多彩标签"><a href="#多彩标签" class="headerlink" title="多彩标签"></a>多彩标签</h2><p><a target="_blank" rel="noopener" href="https://www.heson10.com/posts/31061.html?cuid=baidutiebaapp5f45dc50-e097-42e0-a6af-3b813c058afe&cuid_galaxy2=1808DDE056E6FE354FEF45B0E4DD1C31%7CO&cuid_gid=&timestamp=1605318255710&_client_version=12.0.2.2&nohead=1">在这里</a></p>
<h1 id="高级"><a href="#高级" class="headerlink" title="高级"></a>高级</h1><p>魔改主题，或者开发插件和插件。</p>
<p><a target="_blank" rel="noopener" href="https://hexo.io/zh-cn/api/">api</a></p>
<h1 id="其它"><a href="#其它" class="headerlink" title="其它"></a>其它</h1><h2 id="我的根目录配置文件（去注释）"><a href="#我的根目录配置文件（去注释）" class="headerlink" title="我的根目录配置文件（去注释）"></a>我的根目录配置文件（去注释）</h2><pre class=" language-yaml"><code class="language-yaml">
<span class="token key atrule">title</span><span class="token punctuation">:</span> 天蝎小屋
<span class="token key atrule">subtitle</span><span class="token punctuation">:</span> <span class="token string">''</span>
<span class="token key atrule">description</span><span class="token punctuation">:</span> <span class="token string">''</span>
<span class="token key atrule">keywords</span><span class="token punctuation">:</span>
<span class="token key atrule">author</span><span class="token punctuation">:</span> 天蝎矛u
<span class="token key atrule">language</span><span class="token punctuation">:</span> zh<span class="token punctuation">-</span>CN
<span class="token key atrule">timezone</span><span class="token punctuation">:</span> <span class="token string">''</span>


<span class="token key atrule">url</span><span class="token punctuation">:</span> https<span class="token punctuation">:</span>//txmu.gitee.io
<span class="token key atrule">root</span><span class="token punctuation">:</span> /
<span class="token key atrule">permalink</span><span class="token punctuation">:</span> <span class="token punctuation">:</span>year/<span class="token punctuation">:</span>month/<span class="token punctuation">:</span>day/<span class="token punctuation">:</span>title/
<span class="token key atrule">permalink_defaults</span><span class="token punctuation">:</span>
<span class="token key atrule">pretty_urls</span><span class="token punctuation">:</span>
  <span class="token key atrule">trailing_index</span><span class="token punctuation">:</span> <span class="token boolean important">true </span>
  <span class="token key atrule">trailing_html</span><span class="token punctuation">:</span> <span class="token boolean important">true </span>


<span class="token key atrule">source_dir</span><span class="token punctuation">:</span> source
<span class="token key atrule">public_dir</span><span class="token punctuation">:</span> public
<span class="token key atrule">tag_dir</span><span class="token punctuation">:</span> tags
<span class="token key atrule">archive_dir</span><span class="token punctuation">:</span> archives
<span class="token key atrule">category_dir</span><span class="token punctuation">:</span> categories
<span class="token key atrule">code_dir</span><span class="token punctuation">:</span> downloads/code
<span class="token key atrule">i18n_dir</span><span class="token punctuation">:</span> <span class="token punctuation">:</span>lang
<span class="token key atrule">skip_render</span><span class="token punctuation">:</span>


<span class="token key atrule">new_post_name</span><span class="token punctuation">:</span> <span class="token punctuation">:</span>title.md 
<span class="token key atrule">default_layout</span><span class="token punctuation">:</span> post
<span class="token key atrule">titlecase</span><span class="token punctuation">:</span> <span class="token boolean important">false </span>
<span class="token key atrule">external_link</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true </span>
  <span class="token key atrule">field</span><span class="token punctuation">:</span> site 
  <span class="token key atrule">exclude</span><span class="token punctuation">:</span> <span class="token string">''</span>
<span class="token key atrule">filename_case</span><span class="token punctuation">:</span> <span class="token number">0</span>
<span class="token key atrule">render_drafts</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
<span class="token key atrule">post_asset_folder</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
<span class="token key atrule">relative_link</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
<span class="token key atrule">future</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
<span class="token key atrule">highlight</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">line_number</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">auto_detect</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">tab_replace</span><span class="token punctuation">:</span> <span class="token string">''</span>
  <span class="token key atrule">wrap</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">hljs</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
<span class="token key atrule">prismjs</span><span class="token punctuation">:</span>
  <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
  <span class="token key atrule">preprocess</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">line_number</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">tab_replace</span><span class="token punctuation">:</span> <span class="token string">''</span>


<span class="token key atrule">index_generator</span><span class="token punctuation">:</span>
  <span class="token key atrule">path</span><span class="token punctuation">:</span> <span class="token string">''</span>
  <span class="token key atrule">per_page</span><span class="token punctuation">:</span> <span class="token number">10</span>
  <span class="token key atrule">order_by</span><span class="token punctuation">:</span> <span class="token punctuation">-</span>date


<span class="token key atrule">default_category</span><span class="token punctuation">:</span> uncategorized
<span class="token key atrule">category_map</span><span class="token punctuation">:</span>
<span class="token key atrule">tag_map</span><span class="token punctuation">:</span>


<span class="token key atrule">meta_generator</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>

 'empty'
<span class="token key atrule">updated_option</span><span class="token punctuation">:</span> <span class="token string">'mtime'</span>


<span class="token key atrule">per_page</span><span class="token punctuation">:</span> <span class="token number">10</span>
<span class="token key atrule">pagination_dir</span><span class="token punctuation">:</span> page


<span class="token key atrule">include</span><span class="token punctuation">:</span>
<span class="token key atrule">exclude</span><span class="token punctuation">:</span>
<span class="token key atrule">ignore</span><span class="token punctuation">:</span>


<span class="token key atrule">theme</span><span class="token punctuation">:</span> hexo<span class="token punctuation">-</span>theme<span class="token punctuation">-</span>matery

<span class="token key atrule">deploy</span><span class="token punctuation">:</span>
<span class="token punctuation">-</span>  <span class="token key atrule">type</span><span class="token punctuation">:</span> git
   <span class="token key atrule">repo</span><span class="token punctuation">:</span> https<span class="token punctuation">:</span>//gitee.com/********
   <span class="token key atrule">branch</span><span class="token punctuation">:</span> master
<span class="token punctuation">-</span>  <span class="token key atrule">type</span><span class="token punctuation">:</span> git
   <span class="token key atrule">repo</span><span class="token punctuation">:</span> https<span class="token punctuation">:</span>//github.com/********
   <span class="token key atrule">branch</span><span class="token punctuation">:</span> master

<span class="token key atrule">search</span><span class="token punctuation">:</span> 
<span class="token key atrule">path</span><span class="token punctuation">:</span> search.xml 
<span class="token key atrule">field</span><span class="token punctuation">:</span> post

<span class="token key atrule">permalink_pinyin</span><span class="token punctuation">:</span> 
 <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true </span>
<span class="token key atrule">separator</span><span class="token punctuation">:</span> <span class="token string">'-'</span> <span class="token comment" spellcheck="true"># default: '-'</span>


<span class="token key atrule">githubEmojis</span><span class="token punctuation">:</span> 
 <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">true </span>
<span class="token key atrule">className</span><span class="token punctuation">:</span> github<span class="token punctuation">-</span>emoji
 inject<span class="token punctuation">:</span><span class="token boolean important">true </span>
<span class="token key atrule">styles</span><span class="token punctuation">:</span> 
<span class="token key atrule">customEmojis</span><span class="token punctuation">:</span>

<span class="token key atrule">feed</span><span class="token punctuation">:</span>
 <span class="token key atrule">type</span><span class="token punctuation">:</span> atom 
 <span class="token key atrule">path</span><span class="token punctuation">:</span> atom.xml 
<span class="token key atrule">limit</span><span class="token punctuation">:</span> <span class="token number">20 </span>
<span class="token key atrule">hub</span><span class="token punctuation">:</span> 
<span class="token key atrule">content</span><span class="token punctuation">:</span> 
<span class="token key atrule">content_limit</span><span class="token punctuation">:</span> <span class="token number">140</span>
 content_limit_delim<span class="token punctuation">:</span><span class="token string">' '</span>
 order_by<span class="token punctuation">:</span><span class="token punctuation">-</span>date

<span class="token key atrule">prism_plugin</span><span class="token punctuation">:</span> 
  <span class="token key atrule">mode</span><span class="token punctuation">:</span> <span class="token string">'preprocess'</span> 
  <span class="token key atrule">theme</span><span class="token punctuation">:</span> <span class="token string">'tomorrow'</span> 
  <span class="token key atrule">line_number</span><span class="token punctuation">:</span> <span class="token boolean important">false </span>
  <span class="token key atrule">custom_css</span><span class="token punctuation">:</span>
</code></pre>
<h1 id="结语"><a href="#结语" class="headerlink" title="结语"></a>结语</h1><p>免费建站方法很多，用wordpress.com（托管，无需服务器），wikidot和typetype.io都行。hugo，jekyll也都非常不错。不要局限于hexo！不要局限于表网/明网！</p>
<p>关于更多关于我的分站点的内容……看页脚呀。</p>
<p>可以通过git clone <a target="_blank" rel="noopener" href="https://gitee.com/blockmap/blockmap%E6%9D%A5%E5%85%8B%E9%9A%86%E4%B8%80%E4%B8%AA%E5%A5%BD%E7%8E%A9%E7%9A%84h5%E5%B0%8F%E6%B8%B8%E6%88%8F%E3%80%82">https://gitee.com/blockmap/blockmap来克隆一个好玩的h5小游戏。</a></p>
<p><a target="_blank" rel="noopener" href="https://ssrshare.github.io/">暗网世界</a>小心，谨慎。</p>
<p>也不要局限于tor，i2p,freenet，fireonion，orweb,zeronet和orfox。</p>
<p><em>人不折腾，就会死。</em></p>
<p><strong>你有无限可能。</strong></p>
<p><strong><em>no zuo no die.</em></strong></p>
<h1 id="END"><a href="#END" class="headerlink" title="END"></a>END</h1>


            </div>
            <hr/>

            

    <div class="reprint" id="reprint-statement">
        
            <div class="reprint__author">
                <span class="reprint-meta" style="font-weight: bold;">
                    <i class="fas fa-user">
                        文章作者:
                    </i>
                </span>
                <span class="reprint-info">
                    <a href="https://txmu.gitee.io" rel="external nofollow noreferrer">天蝎矛u</a>
                </span>
            </div>
            <div class="reprint__type">
                <span class="reprint-meta" style="font-weight: bold;">
                    <i class="fas fa-link">
                        文章链接:
                    </i>
                </span>
                <span class="reprint-info">
                    <a href="https://txmu.gitee.io/2020/11/12/%E6%9C%AAroot%E7%9A%84%E6%89%8B%E6%9C%BA%E5%85%8D%E8%B4%B9%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E5%B9%B6%E4%BD%BF%E7%94%A8minivaline%E8%AF%84%E8%AE%BA%E5%92%8C%E4%B8%8D%E8%92%9C%E5%AD%90%E7%BB%9F%E8%AE%A1%E5%86%8D%E4%B8%89%E9%87%8D%E9%83%A8%E7%BD%B2/">https://txmu.gitee.io/2020/11/12/%E6%9C%AAroot%E7%9A%84%E6%89%8B%E6%9C%BA%E5%85%8D%E8%B4%B9%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E5%B9%B6%E4%BD%BF%E7%94%A8minivaline%E8%AF%84%E8%AE%BA%E5%92%8C%E4%B8%8D%E8%92%9C%E5%AD%90%E7%BB%9F%E8%AE%A1%E5%86%8D%E4%B8%89%E9%87%8D%E9%83%A8%E7%BD%B2/</a>
                </span>
            </div>
            <div class="reprint__notice">
                <span class="reprint-meta" style="font-weight: bold;">
                    <i class="fas fa-copyright">
                        版权声明:
                    </i>
                </span>
                <span class="reprint-info">
                    本博客所有文章除特別声明外，均采用
                    <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" rel="external nofollow noreferrer" target="_blank">CC BY-NC-SA 4.0</a>
                    许可协议。转载请注明来源
                    <a href="https://txmu.gitee.io" target="_blank">天蝎矛u</a>
                    !
                </span>
            </div>
        
    </div>

    <script async defer>
      document.addEventListener("copy", function (e) {
        let toastHTML = '<span>复制成功，请遵循本文的转载规则</span><button class="btn-flat toast-action" onclick="navToReprintStatement()" style="font-size: smaller">查看</a>';
        M.toast({html: toastHTML})
      });

      function navToReprintStatement() {
        $("html, body").animate({scrollTop: $("#reprint-statement").offset().top - 80}, 800);
      }
    </script>



            <div class="tag_share" style="display: block;">
                <div class="post-meta__tag-list" style="display: inline-block;">
                    
                        <div class="article-tag">
                            
                                <a href="/tags/git/">
                                    <span class="chip bg-color">git</span>
                                </a>
                            
                                <a href="/tags/hexo/">
                                    <span class="chip bg-color">hexo</span>
                                </a>
                            
                                <a href="/tags/gitee/">
                                    <span class="chip bg-color">gitee</span>
                                </a>
                            
                                <a href="/tags/github/">
                                    <span class="chip bg-color">github</span>
                                </a>
                            
                                <a href="/tags/leancloud/">
                                    <span class="chip bg-color">leancloud</span>
                                </a>
                            
                        </div>
                    
                </div>
                <div class="post_share" style="zoom: 80%; width: fit-content; display: inline-block; float: right; margin: -0.15rem 0;">
                    <link rel="stylesheet" type="text/css" href="/libs/share/css/share.min.css">
<div id="article-share">

    
    <div class="social-share" data-sites="twitter,facebook,google,qq,qzone,wechat,weibo,douban,linkedin" data-wechat-qrcode-helper="<p>微信扫一扫即可分享！</p>"></div>
    <script src="/libs/share/js/social-share.min.js"></script>
    

    

</div>

                </div>
            </div>
            
        </div>
    </div>

    

    

    
        <div class="disqus-card card" data-aos="fade-up">
    <div id="disqus_thread" class="card-content">
        <noscript>Please enable JavaScript to view the
            <a target="_blank" rel="noopener" href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a>
        </noscript>
    </div>
</div>

<script type="text/javascript">
    disqus_config = function () {
        this.page.url = 'https://txmu.gitee.io/2020/11/12/%E6%9C%AAroot%E7%9A%84%E6%89%8B%E6%9C%BA%E5%85%8D%E8%B4%B9%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E5%B9%B6%E4%BD%BF%E7%94%A8minivaline%E8%AF%84%E8%AE%BA%E5%92%8C%E4%B8%8D%E8%92%9C%E5%AD%90%E7%BB%9F%E8%AE%A1%E5%86%8D%E4%B8%89%E9%87%8D%E9%83%A8%E7%BD%B2/';
        this.page.identifier = '/2020/11/12/%E6%9C%AAroot%E7%9A%84%E6%89%8B%E6%9C%BA%E5%85%8D%E8%B4%B9%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E5%B9%B6%E4%BD%BF%E7%94%A8minivaline%E8%AF%84%E8%AE%BA%E5%92%8C%E4%B8%8D%E8%92%9C%E5%AD%90%E7%BB%9F%E8%AE%A1%E5%86%8D%E4%B8%89%E9%87%8D%E9%83%A8%E7%BD%B2/';
        this.page.title = '未root的手机免费搭建hexo博客并使用评论和说说';
    };
    let disqus_shortname = 'txmus-blog';

    (function () { // DON'T EDIT BELOW THIS LINE
        let d = document, s = d.createElement('script');
        // 如：s.src = 'https://blinkfox.disqus.com/embed.js';
        s.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        s.setAttribute('data-timestamp', new Date());
        (d.head || d.body).appendChild(s);
    })();
</script>

    

    
    <div class="livere-card card" data-aos="fade-up">
    <!-- 来必力City版安装代码 -->
    <div id="lv-container" class="card-content" data-id="city" data-uid="MTAyMC81MjA4MS8yODU2Mg">
        <script type="text/javascript">
            (function (d, s) {
                let j, e = d.getElementsByTagName(s)[0];
                if (typeof LivereTower === 'function') {
                    return;
                }

                j = d.createElement(s);
                j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
                j.async = true;

                e.parentNode.insertBefore(j, e);
            })(document, 'script');
        </script>
        <noscript>为正常使用来必力评论功能请激活JavaScript。</noscript>
    </div>
    <!-- City版安装代码已完成 -->
</div>
    

    

    
        <style>
    .mvaline-card {
        margin: 1.5rem auto;
    }

    .mvaline-card .card-content {
        padding: 20px 20px 5px 20px;
    }
</style>

<div class="card mvaline-card" data-aos="fade-up">
    <div class="comment_headling" style="font-size: 20px; font-weight: 700; position: relative; padding-left: 20px; top: 15px; padding-bottom: 5px;">
        <i class="fas fa-comments fa-fw" aria-hidden="true"></i>
        <span>评论</span>
    </div>
    <div id="mvcomments" class="card-content" style="display: grid">
    </div>
</div>

<script src="/libs/minivaline/MiniValine.js"></script>
<script>
    new MiniValine({
        el: '#mvcomments',
        appId: 'mlaQQkOrUoPtscRUtQO1TwhE-MdYXbMMI',
        appKey: 'VHSs9ak5YckipGmNzNEtBWc7',
        mode: 'xCss',
        placeholder: 'Write a Comment',
        pathname: window.location.pathname,
        lang: '',
        adminEmailMd5: '86251ccf47d0f84663f6fe544807ff9b',
        tagMeta: ["管理员", "小伙伴", "访客"],
        master: ["de8a7aa53d07e6b6bceb45c64027763d"],
        friends: ["b5bd5d836c7a0091aa8473e79ed4c25e", "adb7d1cd192658a55c0ad22a3309cecf", "3ce1e6c77b4910f1871106cb30dc62b0", "cfce8dc43725cc14ffcd9fb4892d5bfc"],
        math: true,
        md: true,
        enableQQ: false,
        NoRecordIP: false,
        visitor: false,
        maxNest: 6,
        pageSize: 6,
        serverURLs: '',
        emoticonUrl: ["https://cdn.jsdelivr.net/npm/alus@latest", "https://cdn.jsdelivr.net/gh/MiniValine/qq@latest", "https://cdn.jsdelivr.net/gh/MiniValine/Bilibilis@latest", "https://cdn.jsdelivr.net/gh/MiniValine/tieba@latest", "https://cdn.jsdelivr.net/gh/MiniValine/twemoji@latest", "https://cdn.jsdelivr.net/gh/MiniValine/weibo@latest"],
    });
</script>

    

    
        
    <div id="SOHUCS"></div>
    <script type="text/javascript">
        window.onload = function () {
            var loadChangYan = function () {
                var appid = 'cyvbgflax';
                var conf = 'prod_957772c75deef8cc1a2c3eecba5b96ab';
                var width = window.innerWidth || document.documentElement.clientWidth;
                if (width < 960) {
                    var head = document.getElementsByTagName('head')[0] || document.head || document.documentElement;
                    var script = document.createElement('script');
                    script.type = 'text/javascript';
                    script.charset = 'utf-8';
                    script.id = 'changyan_mobile_js';
                    script.src = 'https://cy-cdn.kuaizhan.com/upload/mobile/wap-js/changyan_mobile.js?client_id=' + appid +
                        '&conf=' + conf;
                    head.appendChild(script);
                } else {
                    var loadJs = function (d, a) {
                        var c = document.getElementsByTagName("head")[0] || document.head || document.documentElement;
                        var b = document.createElement("script");
                        b.setAttribute("type", "text/javascript");
                        b.setAttribute("charset", "UTF-8");
                        b.setAttribute("src", d);
                        if (typeof a === "function") {
                            if (window.attachEvent) {
                                b.onreadystatechange = function () {
                                    var e = b.readyState;
                                    if (e === "loaded" || e === "complete") {
                                        b.onreadystatechange = null;
                                        a()
                                    }
                                }
                            } else {
                                b.onload = a
                            }
                        }
                        c.appendChild(b)
                    };
                    loadJs("https://cy-cdn.kuaizhan.com/upload/changyan.js", function () {
                        window.changyan.api.config({
                            appid: appid,
                            conf: conf
                        })
                    });
                }
            }

            loadChangYan();
        }
    </script>

    

    

<article id="prenext-posts" class="prev-next articles">
    <div class="row article-row">
        
        <div class="article col s12 m6" data-aos="fade-up">
            <div class="article-badge left-badge text-color">
                <i class="fas fa-chevron-left"></i>&nbsp;上一篇</div>
            <div class="card">
                <a href="/2020/12/06/hello-world/">
                    <div class="card-image">
                        
                        
                        <img src="/medias/featureimages/13.jpg" class="responsive-img" alt="庆祝建站成功">
                        
                        <span class="card-title">庆祝建站成功</span>
                    </div>
                </a>
                <div class="card-content article-content">
                    <div class="summary block-with-text">
                        
                            
                        
                    </div>
                    <div class="publish-info">
                        <span class="publish-date">
                            <i class="far fa-clock fa-fw icon-date"></i>2020-12-06
                        </span>
                        <span class="publish-author">
                            
                            <i class="fas fa-user fa-fw"></i>
                            Jon
                            
                        </span>
                    </div>
                </div>
                
            </div>
        </div>
        
        
        <div class="article col s12 m6" data-aos="fade-up">
            <div class="article-badge right-badge text-color">
                下一篇&nbsp;<i class="fas fa-chevron-right"></i>
            </div>
            <div class="card">
                <a href="/2020/11/02/%E6%96%B9%E5%9D%97%E5%9C%B0%E5%9B%BE%E7%9A%84%E5%9F%BA%E6%9C%AC%E7%8E%A9%E6%B3%95%EF%BC%881%EF%BC%89/">
                    <div class="card-image">
                        
                        
                        <img src="/medias/featureimages/6.jpg" class="responsive-img" alt="方块地图的基本玩法（1）">
                        
                        <span class="card-title">方块地图的基本玩法（1）</span>
                    </div>
                </a>
                <div class="card-content article-content">
                    <div class="summary block-with-text">
                        
                            
                        
                    </div>
                    <div class="publish-info">
                            <span class="publish-date">
                                <i class="far fa-clock fa-fw icon-date"></i>2020-11-02
                            </span>
                        <span class="publish-author">
                            
                            <i class="fas fa-bookmark fa-fw icon-category"></i>
                            
                            <a href="/categories/%E6%96%B9%E5%9D%97%E5%9C%B0%E5%9B%BE/" class="post-category">
                                    方块地图
                                </a>
                            
                            
                        </span>
                    </div>
                </div>
                
                <div class="card-action article-tags">
                    
                    <a href="/tags/%E6%96%B9%E5%9D%97%E5%9C%B0%E5%9B%BE/">
                        <span class="chip bg-color">方块地图</span>
                    </a>
                    
                    <a href="/tags/%E6%96%B9%E5%9D%97%E5%9C%B0%E5%9B%BE%E5%90%A7/">
                        <span class="chip bg-color">方块地图吧</span>
                    </a>
                    
                    <a href="/tags/%E6%96%B9%E5%9D%97%E5%9C%B0%E5%9B%BE%E7%A0%94%E7%A9%B6%E6%89%80/">
                        <span class="chip bg-color">方块地图研究所</span>
                    </a>
                    
                    <a href="/tags/%E6%96%B9%E5%9D%97%E5%9C%B0%E5%9B%BE%E7%8E%A9%E6%B3%95/">
                        <span class="chip bg-color">方块地图玩法</span>
                    </a>
                    
                    <a href="/tags/%E6%96%B9%E5%9D%97%E5%9C%B0%E5%9B%BE%E6%95%99%E7%A8%8B/">
                        <span class="chip bg-color">方块地图教程</span>
                    </a>
                    
                    <a href="/tags/%E7%99%BE%E5%BA%A6/">
                        <span class="chip bg-color">百度</span>
                    </a>
                    
                    <a href="/tags/%E8%B4%B4%E5%90%A7/">
                        <span class="chip bg-color">贴吧</span>
                    </a>
                    
                    <a href="/tags/qq/">
                        <span class="chip bg-color">qq</span>
                    </a>
                    
                    <a href="/tags/%E6%96%B9%E6%A0%BC%E5%9C%B0%E5%9B%BE/">
                        <span class="chip bg-color">方格地图</span>
                    </a>
                    
                    <a href="/tags/%E6%96%B9%E6%A0%BC%E5%9C%B0%E5%9B%BE%E5%90%A7/">
                        <span class="chip bg-color">方格地图吧</span>
                    </a>
                    
                    <a href="/tags/p%E7%A4%BE/">
                        <span class="chip bg-color">p社</span>
                    </a>
                    
                    <a href="/tags/e%E7%A4%BE/">
                        <span class="chip bg-color">e社</span>
                    </a>
                    
                    <a href="/tags/eu4/">
                        <span class="chip bg-color">eu4</span>
                    </a>
                    
                    <a href="/tags/scp/">
                        <span class="chip bg-color">scp</span>
                    </a>
                    
                    <a href="/tags/%E9%82%B5%E5%B8%9D/">
                        <span class="chip bg-color">邵帝</span>
                    </a>
                    
                    <a href="/tags/wincerham/">
                        <span class="chip bg-color">wincerham</span>
                    </a>
                    
                    <a href="/tags/sigaide/">
                        <span class="chip bg-color">sigaide</span>
                    </a>
                    
                    <a href="/tags/sws-lnc/">
                        <span class="chip bg-color">sws lnc.</span>
                    </a>
                    
                    <a href="/tags/%E9%82%B5%E5%B8%9D%E5%9D%97%E5%9B%BE/">
                        <span class="chip bg-color">邵帝块图</span>
                    </a>
                    
                    <a href="/tags/4399/">
                        <span class="chip bg-color">4399</span>
                    </a>
                    
                </div>
                
            </div>
        </div>
        
    </div>
</article>

</div>


<script>
    $('#articleContent').on('copy', function (e) {
        // IE8 or earlier browser is 'undefined'
        if (typeof window.getSelection === 'undefined') return;

        var selection = window.getSelection();
        // if the selection is short let's not annoy our users.
        if (('' + selection).length < Number.parseInt('120')) {
            return;
        }

        // create a div outside of the visible area and fill it with the selected text.
        var bodyElement = document.getElementsByTagName('body')[0];
        var newdiv = document.createElement('div');
        newdiv.style.position = 'absolute';
        newdiv.style.left = '-99999px';
        bodyElement.appendChild(newdiv);
        newdiv.appendChild(selection.getRangeAt(0).cloneContents());

        // we need a <pre> tag workaround.
        // otherwise the text inside "pre" loses all the line breaks!
        if (selection.getRangeAt(0).commonAncestorContainer.nodeName === 'PRE') {
            newdiv.innerHTML = "<pre>" + newdiv.innerHTML + "</pre>";
        }

        var url = document.location.href;
        newdiv.innerHTML += '<br />'
            + '来源: 天蝎小屋<br />'
            + '文章作者: 天蝎矛u<br />'
            + '文章链接: <a href="' + url + '">' + url + '</a><br />'
            + '本文章著作权归作者所有，任何形式的转载都请注明出处。';

        selection.selectAllChildren(newdiv);
        window.setTimeout(function () {bodyElement.removeChild(newdiv);}, 200);
    });
</script>



<!-- 代码块功能依赖 -->
<script type="text/javascript" src="/libs/codeBlock/codeBlockFuction.js"></script>

<!-- 代码语言 -->


<!-- 代码块复制 -->

<script type="text/javascript" src="/libs/codeBlock/codeCopy.js"></script>


<!-- 代码块收缩 -->

<script type="text/javascript" src="/libs/codeBlock/codeShrink.js"></script>


<!-- 代码块折行 -->

<style type="text/css">
code[class*="language-"], pre[class*="language-"] { white-space: pre !important; }
</style>


    </div>
    <div id="toc-aside" class="expanded col l3 hide-on-med-and-down">
        <div class="toc-widget card" style="background-color: white;">
            <div class="toc-title"><i class="far fa-list-alt"></i>&nbsp;&nbsp;目录</div>
            <div id="toc-content"></div>
        </div>
    </div>
</div>

<!-- TOC 悬浮按钮. -->

<div id="floating-toc-btn" class="hide-on-med-and-down">
    <a class="btn-floating btn-large bg-color">
        <i class="fas fa-list-ul"></i>
    </a>
</div>


<script src="/libs/tocbot/tocbot.min.js"></script>
<script>
    $(function () {
        tocbot.init({
            tocSelector: '#toc-content',
            contentSelector: '#articleContent',
            headingsOffset: -($(window).height() * 0.4 - 45),
            collapseDepth: Number('0'),
            headingSelector: 'h1, h2, h3, h4, h5, h6'
        });

        // modify the toc link href to support Chinese.
        let i = 0;
        let tocHeading = 'toc-heading-';
        $('#toc-content a').each(function () {
            $(this).attr('href', '#' + tocHeading + (++i));
        });

        // modify the heading title id to support Chinese.
        i = 0;
        $('#articleContent').children('h1, h2, h3, h4, h5, h6').each(function () {
            $(this).attr('id', tocHeading + (++i));
        });

        // Set scroll toc fixed.
        let tocHeight = parseInt($(window).height() * 0.4 - 64);
        let $tocWidget = $('.toc-widget');
        $(window).scroll(function () {
            let scroll = $(window).scrollTop();
            /* add post toc fixed. */
            if (scroll > tocHeight) {
                $tocWidget.addClass('toc-fixed');
            } else {
                $tocWidget.removeClass('toc-fixed');
            }
        });

        
        /* 修复文章卡片 div 的宽度. */
        let fixPostCardWidth = function (srcId, targetId) {
            let srcDiv = $('#' + srcId);
            if (srcDiv.length === 0) {
                return;
            }

            let w = srcDiv.width();
            if (w >= 450) {
                w = w + 21;
            } else if (w >= 350 && w < 450) {
                w = w + 18;
            } else if (w >= 300 && w < 350) {
                w = w + 16;
            } else {
                w = w + 14;
            }
            $('#' + targetId).width(w);
        };

        // 切换TOC目录展开收缩的相关操作.
        const expandedClass = 'expanded';
        let $tocAside = $('#toc-aside');
        let $mainContent = $('#main-content');
        $('#floating-toc-btn .btn-floating').click(function () {
            if ($tocAside.hasClass(expandedClass)) {
                $tocAside.removeClass(expandedClass).hide();
                $mainContent.removeClass('l9');
            } else {
                $tocAside.addClass(expandedClass).show();
                $mainContent.addClass('l9');
            }
            fixPostCardWidth('artDetail', 'prenext-posts');
        });
        
    });
</script>

    

</main>




    <footer class="page-footer bg-color">
    
    <div class="container row center-align" style="margin-bottom: 15px !important;">
        <div class="col s12 m8 l8 copy-right">
            Copyright&nbsp;&copy;
            <span id="year">2020</span>
            <a href="/about" target="_blank">天蝎矛u</a>
            |&nbsp;Powered by&nbsp;<a href="https://hexo.io/" target="_blank">Hexo</a>
            |&nbsp;Theme&nbsp;<a href="https://github.com/blinkfox/hexo-theme-matery" target="_blank">Matery</a>
            <br>
            
            &nbsp;<i class="fas fa-chart-area"></i>&nbsp;站点总字数:&nbsp;<span
                class="white-color">14.8k</span>&nbsp;字
            
            
            
            
            
            
            <span id="busuanzi_container_site_pv">
                |&nbsp;<i class="far fa-eye"></i>&nbsp;总访问量:&nbsp;<span id="busuanzi_value_site_pv"
                    class="white-color"></span>&nbsp;次
            </span>
            
            
            <span id="busuanzi_container_site_uv">
                |&nbsp;<i class="fas fa-users"></i>&nbsp;总访问人数:&nbsp;<span id="busuanzi_value_site_uv"
                    class="white-color"></span>&nbsp;人
            </span>
            
            <br>
            
            <span id="sitetime">载入运行时间...</span>
            <script>
                function siteTime() {
                    var seconds = 1000;
                    var minutes = seconds * 60;
                    var hours = minutes * 60;
                    var days = hours * 24;
                    var years = days * 365;
                    var today = new Date();
                    var startYear = "2020";
                    var startMonth = "10";
                    var startDate = "08";
                    var startHour = "12";
                    var startMinute = "26";
                    var startSecond = "33";
                    var todayYear = today.getFullYear();
                    var todayMonth = today.getMonth() + 1;
                    var todayDate = today.getDate();
                    var todayHour = today.getHours();
                    var todayMinute = today.getMinutes();
                    var todaySecond = today.getSeconds();
                    var t1 = Date.UTC(startYear, startMonth, startDate, startHour, startMinute, startSecond);
                    var t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond);
                    var diff = t2 - t1;
                    var diffYears = Math.floor(diff / years);
                    var diffDays = Math.floor((diff / days) - diffYears * 365);
                    var diffHours = Math.floor((diff - (diffYears * 365 + diffDays) * days) / hours);
                    var diffMinutes = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours) /
                        minutes);
                    var diffSeconds = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours -
                        diffMinutes * minutes) / seconds);
                    if (startYear == todayYear) {
                        document.getElementById("year").innerHTML = todayYear;
                        document.getElementById("sitetime").innerHTML = "本站已安全运行 " + diffDays + " 天 " + diffHours +
                            " 小时 " + diffMinutes + " 分钟 " + diffSeconds + " 秒";
                    } else {
                        document.getElementById("year").innerHTML = startYear + " - " + todayYear;
                        document.getElementById("sitetime").innerHTML = "本站已安全运行 " + diffYears + " 年 " + diffDays +
                            " 天 " + diffHours + " 小时 " + diffMinutes + " 分钟 " + diffSeconds + " 秒";
                    }
                }
                setInterval(siteTime, 1000);
            </script>
            
            <br>
            
        </div>
        <div class="col s12 m4 l4 social-link social-statis">
    <a href="https://github.com/txmu" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
        <i class="fab fa-github"></i>
    </a>



    <a href="mailto:wskkkhs@163.com" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
        <i class="fas fa-envelope-open"></i>
    </a>







    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=3279366915" class="tooltipped" target="_blank" data-tooltip="QQ联系我: 3279366915" data-position="top" data-delay="50">
        <i class="fab fa-qq"></i>
    </a>







    <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订阅" data-position="top" data-delay="50">
        <i class="fas fa-rss"></i>
    </a>

</div>
    </div>

<div class="progress-bar"></div>
<p style="text-align:center;"><a target="_blank" rel="noopener" href="https://support.qq.com/product/293860">
兔小巢反馈</a></p>

<div class="progress-bar"></div>
<p style="text-align:center;"><a href="/artitalk/">我的说说A</a></p>

<div class="progress-bar"></div>
<p style="text-align:center;"><a href="/bb/">我的说说B</a></p>

<div class="progress-bar"></div>
<p style="text-align:center;"><a href="/blockmap/">块图页游</a></p>

<div class="progress-bar"></div>
<p style="text-align:center;"><a href="/friends/">友情链接</a></p>

<div class="progress-bar"></div>
<p style="text-align:center;"><a href="https://txmu.gitee.io/">gitee主站</a></p>

<div class="progress-bar"></div>
<p style="text-align:center;"><a target="_blank" rel="noopener" href="https://txmu.github.io/">github备用站</a></p>

<div class="progress-bar"></div>
<p style="text-align:center;"><a target="_blank" rel="noopener" href="https://txmunb.avosapps.us/">leancloud不稳定镜像站</a></p>

<div class="progress-bar"></div>
<p style="text-align:center;"><a target="_blank" rel="noopener" href="https://txmu.code.blog/">wordpress.com站</a></p>

<div class="progress-bar"></div>
<p style="text-align:center;"><a target="_blank" rel="noopener" href="https://txmu.typetype.me/">typetype站</a></p>

<div class="progress-bar"></div>
<p style="text-align:center;"><a target="_blank" rel="noopener" href="http://txmu.wikidot.com/">wikidot站（唯一一个不支持免费ssl证书的）</a></p>

</footer>


    <!-- 搜索遮罩框 -->
<div id="searchModal" class="modal">
    <div class="modal-content">
        <div class="search-header">
            <span class="title"><i class="fas fa-search"></i>&nbsp;&nbsp;搜索</span>
            <input type="search" id="searchInput" name="s" placeholder="请输入搜索的关键字"
                   class="search-input">
        </div>
        <div id="searchResult"></div>
    </div>
</div>

<script src="/js/search.js"></script>
<script type="text/javascript">
$(function () {
    searchFunc('/search.xml', 'searchInput', 'searchResult');
});
</script>

    <!-- 回到顶部按钮 -->
<div id="backTop" class="top-scroll">
    <a class="btn-floating btn-large waves-effect waves-light" href="#!">
        <i class="fas fa-arrow-up"></i>
    </a>
</div>


    <script src="/libs/materialize/materialize.min.js"></script>
    <script src="/libs/masonry/masonry.pkgd.min.js"></script>
    <script src="/libs/aos/aos.js"></script>
    <script src="/libs/scrollprogress/scrollProgress.min.js"></script>
    <script src="/libs/lightGallery/js/lightgallery-all.min.js"></script>
    <script src="/js/matery.js"></script>

    <!-- Baidu Analytics -->

    <!-- Baidu Push -->

<script>
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        } else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

    
    <script src="/libs/others/clicklove.js" async="async"></script>
    
    
    <script async src="/libs/others/busuanzi.pure.mini.js"></script>
    

    
        <script src="//code.tidio.co/tcbmof3wizogepbhstb7xipuem2342ls.js"></script>
        <script>
            $(document).ready(function () {
                setInterval(change_Tidio, 50);
                function change_Tidio() {
                    var tidio=$("#tidio-chat iframe");
                    if(tidio.css("display")=="block"&& $(window).width()>977 ){
                        document.getElementById("tidio-chat-iframe").style.bottom= ($("div#backTop.top-scroll").css("display")=="none" &&$(window).width()>977)>0? "-40px" : ($("div.toc-title").length&&$(window).width()>977)>0?"85px":"20px";
                        document.getElementById("tidio-chat-iframe").style.right="-15px";
                        document.getElementById("tidio-chat-iframe").style.height=parseInt(tidio.css("height"))>=520?"520px":tidio.css("height");
                        document.getElementById("tidio-chat-iframe").style.zIndex="997";
                    }
                    else if(tidio.css("display")=="block"&&$(window).width()>601 &&$(window).width()<992 ){
                        document.getElementById("tidio-chat-iframe").style.bottom= ($("div#backTop.top-scroll").css("display")=="none" && 601< $(window).width()<992)>0? "-40px":"20px" ;
                        document.getElementById("tidio-chat-iframe").style.right="-15px";
                        document.getElementById("tidio-chat-iframe").style.zIndex="997";
                    }
                    else if(tidio.css("display")=="block"&&$(window).width()<601 && parseInt(tidio.css("height"))<230){
                        document.getElementById("tidio-chat-iframe").style.bottom= ($("div#backTop.top-scroll").css("display")=="none" && $(window).width()<601)>0? "-10px":"45px" ;
                        document.getElementById("tidio-chat-iframe").style.zIndex="997";
                    }
                    if( tidio.css("display")=="block"&&$(window).width()<601 && parseInt(tidio.css("height"))>=230){
                        document.getElementById("tidio-chat-iframe").style.zIndex="998";
                    }
                }
            });
        </script>
    

    
    <script>
        (function (i, s, o, g, r, a, m) {
            i["DaoVoiceObject"] = r;
            i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o), m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            a.charset = "utf-8";
            m.parentNode.insertBefore(a, m)
        })(window, document, "script", ('https:' == document.location.protocol ? 'https:' : 'http:') +
            "//widget.daovoice.io/widget/6984b559.js", "daovoice")
        daovoice('init', {
            app_id: "61242809"
        });
        daovoice('update');
    </script>
    

	
    

    

    

    
    <script src="/libs/instantpage/instantpage.js" type="module"></script>
    

</body>

</html>
